Halaye data-* suna ba ka damar adana bayani na custom, na sirri akan duk wani element na HTML. Yana da matsayi na yadda za a ɗora alamomin bayani ga DOM wanda JavaScript zai iya karantawa, ba tare da cin zamanin halaye da basu dace ba ko azuzuwa.
Edit
datasetconst btn = document.querySelector("button");
btn.dataset.id; // "42"
btn.dataset.userRole; // "admin" ← kebab-case becomes camelCase
btn.dataset.isActive; // "true" ← always a STRING
// writing updates the attribute too
btn.dataset.id = "99"; // sets data-id="99" in the DOM
Jiya muhimman ka'idodi: data-user-role ake karanta a matsayi na dataset.userRole (gajere sun juya cikin camelCase), kuma kowane ƙimar jiya jiya ne — canza kamar yadda aka buƙata (Number(btn.dataset.id), btn.dataset.isActive === "true").
button[data-is-active="true"] { font-weight: bold; }
button::after { content: attr(data-id); } /* display the value */
list.addEventListener("click", (e) => {
const id = e.target.dataset.id; // know which item was clicked
if (id) deleteItem(id);
});
Adana id akan kowane element yana nufin mai sauraro daya akan uwa zai iya sarrafa duk abubuwa.
data-* ita ce hanya mai tsini, da kama ƙa'idodi, na ɗaukar bayani na server a cikin DOM don JS na gida (ba tare da kiran API mai ƙari ba), don saita aiki na delegashon, da kuma tuƙa jihar CSS — ba tare da ƙirƙira halaye da basu dace ba waɗanda zasu sanya HTML ba daidai ba.
Kar adana manyan bayani ko bayani mai alaƙa a can; ana ganin shi a shafin.