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精炼之构造函数 Constructor及Constructor属性详解
对象的constructor属性用于返回创建该对象的函数，也就是我们常说的构造函数，除了创建对象，构造函数(constructor) 还做了另一件有用的事情—自动为创建的新对象设置了原型对象(prototype object)2015-11-11
下面小编就为大家带来一篇js 点击a标签 获取a的自定义属性方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
基于Bootstrap table组件实现多层表头的实例代码
Bootstrap table还有一个很多强大的功能，下面就通过本文给大家分享基于Bootstrap table组件实现多层表头的实例代码，需要的朋友参考下吧2017-09-09
这篇文章主要介绍了微信小程序 css使用技巧总结的相关资料,需要的朋友可以参考下2017-01-01
关于JavaScript中的Delete一直没有弄的很清楚，最近看到两篇这方面的文章，现对两文中部分内容进行翻译(内容有修改和添加，顺序不完全一致，有兴趣推荐看原文)，希望能对大家有所帮助2012-09-09
这篇文章主要介绍了Bootstrap Table 删除和批量删除的相关资料,需要的朋友可以参考下2017-09-09
axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，下面这篇文章主要给大家介绍了axios学习教程的相关资料，文中介绍的非常详细，对大家具有一定的参考价值，需要的朋友下面来一起看看吧。2017-03-03
这篇文章主要介绍了js+html5生成自动排列对话框实例，弹出多个对话框，可以自动排列，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-10-10
用了获取键盘值的代码。2009-04-04
这篇文章主要为大家详细介绍了js实现炫酷的烟花效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
最新评论