JS操作HTML自定義屬性的方法
更新時(shí)間：2015年02月10日 16:54:44 作者：追求無限
這篇文章主要介紹了JS操作HTML自定義屬性的方法,以實(shí)例形式分析了html中自定義屬性的設(shè)置與對(duì)應(yīng)的javascript操作技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了JS操作HTML自定義屬性的方法。分享給大家供大家參考。具體如下：
HTML代碼如下（其中的displayName為自定義屬性）：
復(fù)制代碼 代碼如下:
<input type="text" id="txtBox" displayName="123456" />
獲取自定義屬性值:
復(fù)制代碼 代碼如下:
document.getElementById("txtBox").getAttribute("displayName");
document.getElementById("txtInput").attributes["displayName"].nodeValue
document.getElementById("txtInput").attributes["displayName"].nodeValue
設(shè)置自定義屬性值:
復(fù)制代碼 代碼如下:
document.all.txtBox.setAttribute("displayName ","123456");
document.getElementById("txtInput").attributes["displayName"].nodeValue = "123456"
document.getElementById("txtInput").attributes["displayName"].nodeValue = "123456"
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JavaScript精煉之構(gòu)造函數(shù) Constructor及Constructor屬性詳解
對(duì)象的constructor屬性用于返回創(chuàng)建該對(duì)象的函數(shù)，也就是我們常說的構(gòu)造函數(shù)，除了創(chuàng)建對(duì)象，構(gòu)造函數(shù)(constructor) 還做了另一件有用的事情—自動(dòng)為創(chuàng)建的新對(duì)象設(shè)置了原型對(duì)象(prototype object)2015-11-11
js 點(diǎn)擊a標(biāo)簽 獲取a的自定義屬性方法
下面小編就為大家?guī)硪黄猨s 點(diǎn)擊a標(biāo)簽 獲取a的自定義屬性方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11
基于Bootstrap table組件實(shí)現(xiàn)多層表頭的實(shí)例代碼
Bootstrap table還有一個(gè)很多強(qiáng)大的功能，下面就通過本文給大家分享基于Bootstrap table組件實(shí)現(xiàn)多層表頭的實(shí)例代碼，需要的朋友參考下吧2017-09-09
這篇文章主要介紹了微信小程序 css使用技巧總結(jié)的相關(guān)資料,需要的朋友可以參考下2017-01-01
關(guān)于JavaScript中的Delete一直沒有弄的很清楚，最近看到兩篇這方面的文章，現(xiàn)對(duì)兩文中部分內(nèi)容進(jìn)行翻譯(內(nèi)容有修改和添加，順序不完全一致，有興趣推薦看原文)，希望能對(duì)大家有所幫助2012-09-09
這篇文章主要介紹了Bootstrap Table 刪除和批量刪除的相關(guān)資料,需要的朋友可以參考下2017-09-09
axios 是一個(gè)基于Promise 用于瀏覽器和 nodejs 的 HTTP 客戶端，下面這篇文章主要給大家介紹了axios學(xué)習(xí)教程的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考價(jià)值，需要的朋友下面來一起看看吧。2017-03-03
用了獲取鍵盤值的代碼。
2009-04-04 
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)炫酷的煙花效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-09-09