JS BOM 添加自定义属性

自定义属性的语法

• 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>