关于JS读取DOM对象(标签)的自定义属性
2014-08-04 16:17
281 查看
DOM对象对于js来说,是个很基础的元素,我们写js一般来说,都一定会对它进行操作。我们可以很方便地给它加上自定义的属性,比如:
var test = document.getElementById("test");
test.adang = "adang";
alert(test.adang);
我们会发现,已经给这个id为test的DOM元素添加了一个叫做adang的属性了,然后在js中,可以调用这个属性。我在写js的时候经常用到这种方法,可以很方便地对某个dom对象添加一些特殊的数据,感觉DOM对象就像一个很好用的容器,可以放一堆数据进去。
进一步想到一个问题,这些属性可以在js中添加,那么是否可以像flex一样,在标签中添加呢?事实上,像id啊,src啊这样的属性,都是可以在js中添加,也可以在标签上添加的,两种方式js都可以获取数据。这里要说一点,class比较特殊,标签中用的是class,在js中调用却要用className才行。
像id啊,title,src此类html中支持的属性,可以在标签中设置,然后js访问。
var test = document.getElementById("test");
test.adang = "adang";
alert(test.adang);
我们会发现,已经给这个id为test的DOM元素添加了一个叫做adang的属性了,然后在js中,可以调用这个属性。我在写js的时候经常用到这种方法,可以很方便地对某个dom对象添加一些特殊的数据,感觉DOM对象就像一个很好用的容器,可以放一堆数据进去。
进一步想到一个问题,这些属性可以在js中添加,那么是否可以像flex一样,在标签中添加呢?事实上,像id啊,src啊这样的属性,都是可以在js中添加,也可以在标签上添加的,两种方式js都可以获取数据。这里要说一点,class比较特殊,标签中用的是class,在js中调用却要用className才行。
像id啊,title,src此类html中支持的属性,可以在标签中设置,然后js访问。
相关文章推荐
- 浅谈JS读取DOM对象(标签)的自定义属性
- js,关于为DOM对象添加自定义属性
- js关于为DOM对象添加自定义属性的方式和区别
- js,关于为DOM对象添加自定义属性
- js取值 html标签自定义属性(图)
- js 点击a标签 获取a的自定义属性
- js取值 html标签自定义属性(图)
- js 自定义html标签属性
- js如何只获得Element自定义属性(自己手写在标签上的规定属性),不是自定义属性$(obj).attr("xx")
- 使用js在IE9中获取标签自定义属性
- 前端标签的小技巧-----自定义标签属性(灵活使用js/JQ脚本)
- 关于html标签自定义属性的问题
- 关于HTML标签自定义属性
- 关于超链接标签 a 里的属性调用js的问题 以及yii button里面调用cgridview 某一行数据
- 关于浏览器中Dom对象的js的边距属性指南
- angularJS directive自定义标签和属性
- js获得当前系统时间(html标签自定义属性)
- js取值 html标签自定义属性(图)
- js 点击a标签 获取a的自定义属性方法
- jquery的attr方法与ie7不兼容,js获取html标签自定义属性