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 методу,
атрибуттарды жазуу үчүн