<div getTime="20" data-index="2" data-list-name="andy"></div>
<script>
var div = document.querySelector('div');
// console.log(div.getTime);
console.log(div.getAttribute('getTime'));
div.setAttribute('data-time', 20);
console.log(div.getAttribute('data-index'));
console.log(div.getAttribute('data-list-name'));
// 1.h5新增的获取自定义属性的方法 它只能获取data-开头的
// 2.dataset 是一个集合里面存放了所有以data开头的自定义属性
console.log(div.dataset);
console.log(div.dataset.index);
console.log(div.dataset['index']);
// 3.如果自定义属性里面有多个-链接的单词,我们获取的时候采取 驼峰命名法
console.log(div.dataset.listName);
console.log(div.dataset['listName']);
</script>
设置自定义属性:setAttribute、获取自定义属性两种方法:getAttribute(‘data-index‘),div.dataset[‘index‘] / div.dataset.index
最新推荐文章于 2024-01-09 11:12:24 发布