Свойство 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,
който записва атрибути