本文是有關(guān)html5中自定義屬性的詳細(xì)介紹，對你們應(yīng)該是有一定的幫助的，我們一起來看看吧。

企業(yè)建站必須是能夠以充分展現(xiàn)企業(yè)形象為主要目的，是企業(yè)文化與產(chǎn)品對外擴(kuò)展宣傳的重要窗口，一個(gè)合格的網(wǎng)站不僅僅能為公司帶來巨大的互聯(lián)網(wǎng)上的收集和信息發(fā)布平臺(tái)，成都創(chuàng)新互聯(lián)公司面向各種領(lǐng)域：成都紗窗等成都網(wǎng)站設(shè)計(jì)、營銷型網(wǎng)站解決方案、網(wǎng)站設(shè)計(jì)等建站排名服務(wù)。

定義

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

獲取

使用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

設(shè)置

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

以上就是html5中自定義屬性的詳細(xì)介紹的內(nèi)容，如果想了解更多，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道哦！