Vlastnosť dataset
V jazyku HTML je povolené pridávať vlastné atribúty
elementom, pričom musia začínať s data-,
a potom môže nasledovať ľubovoľný názov atribútu.
Na prístup k takýmto atribútom cez JavaScript
sa používa špeciálna vlastnosť dataset.
Syntax
element.dataset.meno;
Príklad
Prečítajme si hodnotu atribútu:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
let res = elem.dataset.cost;
console.log(res);
Výsledok vykonania kódu:
'1000'
Príklad
Zmeňme hodnotu atribútu:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
elem.dataset.cost = '2000';
Výsledný kód bude vyzerať takto:
<div data-cost="2000"></div>
Pozri tiež
-
metóda
getAttribute,
ktorá získava atribúty -
metóda
setAttribute,
ktorá nastavuje atribúty
