javascript/js对html元素自定义属性的操作(兼容Firefox和IE)

javascript/js对html元素自定义属性的操作(兼容Firefox和IE) 2016年8月20日不静之心 javascript

javascript/js对html元素自定义属性的操作(兼容Firefox和IE) http://blog.sina.com.cn/s/blog_6f3ef5c20101ci9p.html

兼容方法如下：
1、用元素attributes[]集合来访问:

var inputObj = document.getElementById('input_btn');

alert(inputObj.attributes['info'].nodeValue);

inputObj.attributes['info'].nodeValue = 'this is a new info';

alert(inputObj.attributes['info'].nodeValue);

2、用getAttribute 和 setAttribute对其进行操作:

var inputObj = document.getElementById('input_btn');

alert(inputObj.getAttribute('info'));

inputObj.setAttribute('info','this is a new info');

alert(inputObj.getAttribute('info'));

^_^：
注意：这里所说的自定义属性是特指在html页面中定义的元素属性，用javascript动态创建的属性不会有这个问题。

不静之心