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

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *