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
element.dataset.ime;
Primer
Hajde da pročitamo vrednost atributa:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
let res = elem.dataset.cost;
console.log(res);
Rezultat izvršavanja koda:
'1000'
Primer
Hajde da promenimo vrednost atributa:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
elem.dataset.cost = '2000';
Kao rezultat, kod će izgledati ovako:
<div data-cost="2000"></div>
Pogledajte takođe
-
metod
getAttribute,
koji dobija atribute -
metod
setAttribute,
koji upisuje atribute