JS[Dom操作]自定义属性

自定义属性的操作

1. 设置属性值
element.属性 = ‘值’； 内置属性值
element.setAttribute(‘属性’,‘值’); 自定义属性值
2. 获取属性值
element.属性 内置属性值
element.getAttribute(‘属性’); 自定义属性值
3. 移除属性值
element.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才开始支持