JavaScript dataset

原理

將指定元素的屬性 (attr) ,顯示成物件形式

.el(data-color="green", data-name="element", data-birthday="0419", data-constellations="Aries")
//用dataset,會呼叫所有屬性資訊,並且以物件方式呈現
document.querySelector(".el").dataset;
/***console.log show below
{
birthday: "0419",
color: "green",
constellations: "Aries",
name: "element"
}
***/

//所以也可以利用物件方式,召喚子項目
document.querySelector(".el").dataset.color; //green

//也等於這種寫法
document.querySelector(".el").getAttribute("data-color"); //green

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *