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 әдісі,
атрибуттарды жазады