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检查元素存在性的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-09-09
这篇文章主要介绍了ES6 Promise对象概念及用法,结合实例形式详细分析了ES6中Promise对象的概念、原理、创建、使用方法及相关操作注意事项,需要的朋友可以参考下2019-10-10
这篇文章主要为大家详细介绍了JS实现拼图游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-12-12
这篇文章主要介绍了JS实现把鼠标放到链接上出现滚动文字的方法,涉及JavaScript响应鼠标事件动态操作页面元素的相关技巧,需要的朋友可以参考下2016-04-04
今天Test时发现一个小问题，上传控件完成后，路径还保留，为了清除，需要想一些办法2013-07-07
这篇文章主要介绍了JavaScript实现重力下落与弹性效果的方法,结合实例形式分析了javascript重力下落及弹性效果的原理与具体实现技巧,需要的朋友可以参考下2017-12-12
这篇文章主要介绍了mustache.js实现首页元件动态渲染的示例代码，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-12-12
这篇文章主要介绍了JS仿QQ好友列表展开、收缩功能,当点击一个li元素，其他li元素上的类名清除掉。代码简单易懂，需要的朋友可以参考下2017-07-07
延迟加载的函数，第一次调用后，会覆盖原来的老函数，以后再次调用的是新函数，不会再进行条件的判断，提升效率2012-10-10
JavaScript实现GriwView单列全选(自写代码)
在 GridView 里有一系列的 Checkbox ，要实现对其全选或全不选，二网上的都不否和要求，于是我自己写了JavaScript 代码，贴出来供大家参考2013-05-05
最新评论