Vlastnost dataset

V jazyce HTML je povoleno přidávat vlastní atributy značkám, přičemž musí začínat na data-, a poté může následovat libovolný název atributu. Pro přístup k takovým atributům přes JavaScript se používá speciální vlastnost dataset.

Syntaxe

javascriptprvek.dataset.jméno;

Příklad

Pojďme přečíst hodnotu atributu:

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

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

console.log(res);

Výsledek provedení kodu:

javascript'1000'

Příklad

Pojďme změnit hodnotu atributu:

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

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

Výsledkem bude kód, který bude vypadat takto:

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

Viz také