大家好，欢迎来到IT知识分享网。
自定义属性[获取(getAttribute)、设置(setAttribute)、移除(removeAttribute)]
自定义属性目的：是为了保存并使用数据。有些数据可以保存到页面中而不用保存到数据中。
注意：有些自定义属性很容易引起歧义，不容易判断是元素的内置属性还是自定义属性，H5给我们新增了自定义属性：
(1)设置H5自定义属性
H5规定自定义属性data-开头作为属性名并赋值。如：<div data-index="1"></div>
或者使用JS设置。如：element.setAttribute('data-index',2)
(2)获取H5自定义属性
兼容性获取 element.getAttribute('data-index');
H5新增 element.dataset.index 或者 element.dataset['index'], ie 11才开始支持
（注：dataset表示的是以data开头命名的自定义属性，以上方法都是设置的名为data-index的自定义属性）
以下是一些自定义属性的设置方法（需要注意代码中红色标注的部分）：
1.获取自定义属性
- element.属性 获取属性值
- element.getAttribute(‘属性’)
区别：
- element.属性 获取属性值（元素本身自带的）
- element.getAttribute(‘属性’)；主要获得自定义的属性（标准），我们程序员自定义的属性
代码：
结果：
2.设置移除自定义属性
（1）设置自定义属性
- element.属性=’值’ 设置内置属性值
- element.setAttribute(‘属性’ , ‘值’)
*二者的区别和获取自定义属性的区别一致
（2）移除自定义属性
- element.removeAttribute(‘属性’)
设置和获取自定义属性案例代码：
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://yundeesoft.com/28253.html
