JS操作HTML自定義屬性的方法

 這篇文章主要介紹了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.all.txtBox.setAttribute("displayName ","123456");
document.getElementById("txtInput").attributes["displayName"].nodeValue = "123456"

 

希望本文所述對大家的javascript程序設計有所幫助。