Свойство 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>

Вижте също