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
prvek.dataset.jméno;
Příklad
Pojďme přečíst hodnotu atributu:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
let res = elem.dataset.cost;
console.log(res);
Výsledek provedení kodu:
'1000'
Příklad
Pojďme změnit hodnotu atributu:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
elem.dataset.cost = '2000';
Výsledkem bude kód, který bude vypadat takto:
<div data-cost="2000"></div>
Viz také
-
metoda
getAttribute,
která získává atributy -
metoda
setAttribute,
která zapisuje atributy
