Хосияти dataset

Дар забони HTML илова кардани сифатҳои худ ба тегҳо иҷозат дода шудааст, дар ҳоле ки онҳо бояд аз data- оғоз шаванд, ва сипас номи ягон сифат бояд ояд. Барои дастрасӣ ба чунин сифатҳо тавассути JavaScript хосияти махсуси dataset истифода мешавад.

Синтаксис

унсури.dataset.nom;

Намуна

Биёед қимати сифатро хонем:

<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,
ки сифатҳоро менависад