JS（14）自定义属性操作

1.排他思想

如果有一组元素，想要某一个元素实现某种样式，需要用到循环的排他思想：
	1.所有元素全部清除样式（干掉其他人）
	2.给当前元素设置样式（留下自己）
	3.注意顺序不能颠倒，首先干掉他人，再设置自己

2.自定义属性操作

2.1.获取属性值

-- element.属性		获取属性值		区别：获取内置属性
-- element.getAttribute('属性')		区别：设置自定义属性

2.2.设置属性值

-- element.属性 = '值'			设置内置属性
-- element.setAttribute('属性','值')		设置自定义属性

2.3.移除属性

-- element.removeAttribute('属性')

2.4.H5自定义属性

1.设置H5自定义属性
	H5规定自定义属性以data-开头做为属性名并且赋值
	举个🌰：
		<div data-index='i'></div>
		element.setAttribute('data-index',2)
2.获取H5自定义属性
	1.兼容性获取：element.getAttribute('data-index')
	2.H5新增：element.dataset.index 或者 element.dataset['index'] ie11+
	注意：
	-- dataset是一个集合里面存放所有以data开头的自定义属性
	-- 在H5方法中，如果自定义属性里面多个用-连接的单词，获取的时候，采取驼峰命名法。