JS操作HTML自定义属性的方法

内容摘要
本文实例讲述了JS操作HTML自定义属性的方法。分享给大家供大家参考。具体如下:
HTML代码如下(其中的displayName为自定义属性):

复制代码 代码如下:<input type="text" id="txt
文章正文

本文实例讲述了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程序设计有所帮助。


代码注释

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!