獲取自定義屬性值的方法:
element.getAttribute('自定義屬性');
設置自定義屬性:
element.setAttribute('自定義屬性','屬性的值');
<body>
<div id="demo" data-index="1"></div>
</body>
<script>
var div = document.querySelector('div');
console.log(div.id);
//獲取自定義屬性的值
console.log(div.getAttribute('id'));
console.log(div.getAttribute('data-index'));
div.id = 'test';
console.log(div.getAttribute('id'));
div.setAttribute('id','how');
console.log(div.getAttribute('id'));
div.setAttribute('data-index','9');
console.log(div.getAttribute('data-index'));
</script>
H5新增的獲取自定義屬性值的方法:
element.dataset.自定義屬性 或者 element.dataset['自定義屬性']