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

Leave a Reply

Your email address will not be published. Required fields are marked *