Dataset хусусияти

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

Синтаксис

javascriptelement.dataset.name;

Мисол

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

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>

Қуйидагиларни ҳам кўринг