自定义属性的语法
-
setAttribute ('属性名') 设置自定义属性
-
getAttribut('属性名') 读取属性名
-
removeAttribut('属性名') 删除属性名
-
HTML5中,自定义属性必须加上data-属性名
<div class="box"></div>
<script>
let box=document.querySelector('.box')
box.setAttribute('data-ID',10)
console.log(box.getAttribute('data-ID'))
</script>
-
获取所有自定属性
对象名.dataset
<div class="box" data-name="刘德华" data-age="18"></div>
<script>
let box = document.querySelector('.box')
box.setAttribute('data-ID', 10)
console.log(box.getAttribute('data-ID'))
// 获取全部自定义属性dataset
console.log(box.dataset)
//获取单个自定义属性
console.log(box.dataset.name)
</script>