Својство dataset

У HTML језику је дозвољено додавати сопствене атрибуте таговима, при чему они морају почети са data-, а затим може ићи било који назив атрибута. За приступ таквим атрибутима преко JavaScript-а користи се специјално својство dataset.

Синтакса

javascriptелемент.dataset.име;

Пример

Хајде да прочитамо вредност атрибута:

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

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

console.log(res);

Резултат извршавања кода:

javascript'1000'

Пример

Хајде да променимо вредност атрибута:

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

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

Као резултат, код ће изгледати овако:

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

Погледајте такође