L-attributi data-* jippermettulek li taħżen data personalizzat u privat fuq kwalunkwe element HTML. Hija mod standard biex tilħaq metadati mal-DOM li JavaScript tista' taqra, mingħajr ma tuż l-attributi mhux standard jew klassijiet b'mod ħażin.
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
Zewg regoli ewlenin: data-user-role tintuża bħala dataset.userRole (il-virzoli jsiru camelCase), u kull valur hu string — ikkonverti skont in-nieda (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);
});
L-ħżin tal-id fuq kull element ifisser li listen wieħed fuq il-ġenitur jista' jmeħħel l-oħloq kollha.
data-* huwa l-mod nadif u konformi mal-istandards biex itwettaq id-dejta tas-server fil-DOM għal JavaScript fuq in-naħa tal-client (mingħajr sejħa API addizzjonali), biex twessil id-tpelegazzjoni ta' avvenimenti, u biex imbati l-istat CSS — mingħajr ma tinventa attributi mhux standard li jagħmlu l-HTML invalid.
Ma taħżenx data kbir jew sensittiv hemm, għalkemm; huwa jidher fil-markup.