Dataset хусусияти

HTML тилида тегларга ўз атрибутларингизни қўшиш рұхсат этилади, бу ҳолда улар data- дан бошланиши керак, ва кейин атрибутнинг istalgan nomi kelishi mumkin. Бундай атрибутларга JavaScript орқали мурожаат қилиш учун махсус dataset хусусияти ишлатилади.

Синтаксис

element.dataset.name;

Мисол

Атрибутнинг қийматини ўқийлик:

<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 методи,
атрибутларни ёзувчи