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

网络编程 2021-07-04 21:47www.168986.cn编程入门

这篇文章主要介绍了JS操作HTML自定义属性的方法,以实例形式分析了html中自定义属性的设置与对应的javascript操作技巧,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了JS操作HTML自定义属性的方法。分享给大家供大家参考。具体如下

HTML代码如下（其中的displayName为自定义属性）

代码如下:

获取自定义属性值:

代码如下:

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程序设计有所帮助。