JS操作HTML自定义属性的方法_javascript技巧
程序员文章站
2022-05-07 11:22:51
...
本文实例讲述了JS操作HTML自定义属性的方法。分享给大家供大家参考。具体如下:
HTML代码如下(其中的displayName为自定义属性):
复制代码 代码如下:
获取自定义属性值:
复制代码 代码如下:
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程序设计有所帮助。
上一篇: SVG图形编码_html/css_WEB-ITnose
下一篇: discuzcode函数
推荐阅读
-
HTML5的自定义属性data-*详细介绍和JS操作实例
-
html5的自定义data-*属性与jquery的data()方法的使用
-
HTML5自定义data-* data(obj)属性和jquery的data()方法的使用
-
HTML5自定义属性前缀data-及dataset的使用方法(html5 新特性)
-
HTML5的自定义属性data-*详细介绍和JS操作实例
-
nodejs遍历文件夹下并操作HTML/CSS/JS/PNG/JPG的方法
-
html5的自定义data-*属性与jquery的data()方法的使用
-
HTML 5 的自定义 data-* 属性和jquery的data()方法的使用
-
JS实现获取自定义属性data值的方法示例
-
js 获取html5的data属性实现方法