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>

Ошондой эле караңыз