Уласцівасць 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>

Глядзіце таксама