Уласцівасць 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,
які запісувае атрыбуты