Lastnost dataset

V jeziku HTML je dovoljeno dodajati lastne atribute oznakam, pri čemer se morajo začeti s data-, nato pa sledi poljubno ime atributa. Za dostop do takšnih atributov prek JavaScripta se uporablja posebna lastnost dataset.

Sintaksa

javascriptelement.dataset.ime;

Primer

Preberimo vrednost atributa:

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

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

console.log(res);

Rezultat izvajanja kode:

javascript'1000'

Primer

Spremenimo vrednost atributa:

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

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

Kot rezultat bo koda videti takole:

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

Glejte tudi