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

 在使用不同標(biāo)簽和屬性的時(shí)候我們需要將其進(jìn)行自定義，那么今天小編就和大家講講有關(guān)于：“data與dataset有哪些定義方法？”這個(gè)問題的相關(guān)解法！

定義

H5為我們提供了以 "data-" 為前綴定義需要的屬性即可設(shè)置自定義屬性

<div id="box1" data-name="Musk"></div>
<div id="box2" data-full-name="Elon Musk"></div>

獲取

使用H5自定義屬性對(duì)象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

設(shè)置

let box1 = document.getElementById('box1');
let box2 = document.getElementById('box2');

box1.dataset.name = '馬斯克'
box2.setAttribute('data-full-name', '埃隆 馬斯克')

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