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设计模式》学习笔记四:Javascript面向对象程序设计链式调用实例分析
这篇文章主要介绍了Javascript面向对象程序设计链式调用,结合实例形式分析了《javascript设计模式》中链式调用的原理与简单使用技巧,需要的朋友可以参考下2020-04-04


最新评论