属性值相关操作

---

原生js

**html:**
<div id="demo" index="1" class="nav" data-in='123' data-list-name="andy":></div>
 

getAttribute 获取属性值

div.getAttribute('id'));		 // 结果:demo

setAttribute 设置属性值

 div.setAttribute('index', 2);    //结果 index=2

removeAttribute 移除属性值

 div.removeAttribute('index');

---

H5新增了获取自定义属性的方法 dataset
//ie11才支持//
他只能获取以 ‘‘data-’’ 开头的自定义属性的值 例如

使用时直接写data-后边的内容即可   
div.dataset.in   或div.dataset['in']    可以把.换成[] 但是要加引号         //  结果是123

//如果自定义属性里面有多个-链接的单词，我们获取的时候采取驼峰命名法

div.dataset['listName"])         //结果andy

jQuery