Својството dataset

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

Синтакса

element.dataset.ime;

Пример

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

<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,
кој ги запишува атрибутите