Svojstvo dataset

U HTML jeziku je dozvoljeno dodavati sopstvene atribute tagovima, pri čemu oni moraju počinjati sa data-, a zatim može ići bilo koji naziv atributa. Za pristup takvim atributima preko JavaScript-a se koristi specijalno svojstvo dataset.

Sintaksa

javascriptelement.dataset.ime;

Primer

Hajde da pročitamo vrednost atributa:

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

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

console.log(res);

Rezultat izvršavanja koda:

javascript'1000'

Primer

Hajde da promenimo vrednost atributa:

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

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

Kao rezultat, kod će izgledati ovako:

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

Pogledajte takođe