Својство dataset

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

Синтакса

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

Пример

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

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

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

console.log(res);

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

'1000'

Пример

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

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

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

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

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

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

метод getAttribute,
који добија атрибуте
метод setAttribute,
који уписује атрибуте