data與dataset有哪些定義方法？html定義方法詳解！

 在使用不同標簽和屬性的時候我們需要將其進行自定義，那么今天小編就和大家講講有關于：“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', '埃隆 馬斯克')

那么以上就是有關于：“data與dataset有哪些定義方法？”這方面的相關內容分享，更多前端內容我們都可以W3Cschool中進行了解。