A dataset tulajdonság
A HTML nyelvben megengedett saját attribútumok hozzáadása
a címkékhez, feltéve, hogy ezek data--val kezdődnek,
majd bármilyen attribútumnév következhet.
Az ilyen attribútumok JavaScripten keresztüli eléréséhez
egy speciális dataset tulajdonságot használnak.
Szintaxis
elem.dataset.név;
Példa
Olvassuk el az attribútum értékét:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
let res = elem.dataset.cost;
console.log(res);
A kód végrehajtásának eredménye:
'1000'
Példa
Változtassuk meg az attribútum értékét:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
elem.dataset.cost = '2000';
Ennek eredményeként a kód így fog kinézni:
<div data-cost="2000"></div>
Lásd még
-
a
getAttributemetódus,
amely attribútumokat kér le -
a
setAttributemetódus,
amely attribútumokat ír
