获取元素的属性。getAttribute
<body><div id="demo" index="1"></div><script>var div=document.querySelector('div');// 获取元素的属性值// 1、element.属性console.log(div.id);// 2、element.getAttribute('属性')可获取到自定义属性indexconsole.log(div.getAttribute('di'));console.log(div.getAttribute('index'));</script></body>
设置元素属性值。setAttribute
<script>// 设置元素属性值// 1、element.属性='值'div.id='test';div.className='clsn';// 2、element.setAttribute('属性','值');主要针对自定义属性div.setAttribute('index',2);div.setAttribute('class','footer');</script>
移除属性。removeAttribute
// 移除属性div.removeAttribute('index');
H5新增获取自定义属性。
H5规定,自定义属性前加上data-。
<script> //设置自定义属性div.getArribute('data-time',1)div.getArribute('data-list-name')//获取自定义属性//dataset是一个集合 里面存放了所有data-开头的的自定义属性//ie 11才有 有兼容性问题div.datasetdiv.dataset.indexdiv.dataset['index']//如果自定义属性里有多个-链接的单词,获取的时候采用驼峰命名法div.dataset.listNamediv.dataset['listName']</script>