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

javascriptelem.dataset.név;

Példa

Olvassuk el az attribútum értékét:

html<div data-cost="1000"></div>

javascriptlet elem = document.querySelector('div');
let res = elem.dataset.cost;

console.log(res);

A kód végrehajtásának eredménye:

javascript'1000'

Példa

Változtassuk meg az attribútum értékét:

html<div data-cost="1000"></div>

javascriptlet elem = document.querySelector('div');
elem.dataset.cost = '2000';

Ennek eredményeként a kód így fog kinézni:

html<div data-cost="2000"></div>

Lásd még