Ligeann atribíodí data-* duit sonraí dhíobhálacha agus dhíchoitanta a stóráil ar aon eilimint HTML. Is dóigh shimplí í seo sonraí meiteashonraí a ghreamú don DOM ar féidir le JavaScript a léamh, gan droch-úsáid a bhaint as atribíodí neamhchaighdeánacha nó aicmí.
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
Dhá riail bhunúsacha: data-user-role a rochtain mar dataset.userRole (tiontaítear na fleiscíní ina camelCase), agus is teanga gach luach — tiontaigh de réir gá (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);
});
Meabhraítear an id ar gach eilimint a chiallaíonn gur féidir le héisteoir amháin ar an tuismitheoir gach earra a láimhseáil.
Is é data-* an dóigh gheal, chomhaontaithe le caighdeáin chun sonraí an fhreastalaí a sheachaint sa DOM do JS taobh an chléibh (gan glaoch API bhreise), chun foluain imeachta a socrú, agus staid CSS a thiomáint — gan atribíodí neamhchaighdeánacha a chumadh a dhéanfadh an HTML neamhbhailí.
Ná stóráil sonraí mhóra nó bhraistíochta ann; tá siad infhéachana sa mharcáil.