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

javascriptelement.dataset.meno;

Príklad

Prečítajme si hodnotu atribútu:

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

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

console.log(res);

Výsledok vykonania kódu:

javascript'1000'

Príklad

Zmeňme hodnotu atribútu:

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

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

Výsledný kód bude vyzerať takto:

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

Pozri tiež