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