Html5之自定义属性(data-,dataset)
定义
H5为我们提供了以 "data-" 为前缀定义需要的属性即可设置自定义属性
<div id="box1" data-name="Musk"></div>
<div id="box2" data-full-name="Elon Musk"></div>
获取
使用H5自定义属性对象dataset来获取
let box1 = document.getElementById('box1');
let box2 = document.getElementById('box2');
box1.dataset.name // Musk
box2.dataset.fullName // Elon Musk (驼峰)
box1.getAttribute('data-name') // Musk
box2.getAttribute('data-full-name') // Elon Musk
设置
let box1 = document.getElementById('box1');
let box2 = document.getElementById('box2');
box1.dataset.name = '马斯克'
box2.setAttribute('data-full-name', '埃隆 马斯克')
相关文章
Peony
2020-10-20
Noya
2020-03-21
Efia
2020-11-23
Bella
2020-07-24
Gretchen
2020-04-28
Thalia
2023-05-13
Fern
2023-05-13
Canace
2023-05-13
Kathy
2023-05-13
Kara
2023-05-15
Tricia
2023-05-17
Tani
2023-07-10
Diane
2023-07-10
Fawn
2023-07-17
Oceana
2023-07-20
Lassie
2023-07-20
Rachel
2023-07-20
Isis
2023-07-20