Хосияти dataset

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

Синтаксис

javascriptунсури.dataset.nom;

Намуна

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

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>

Ҳамчунин бубинед

  • усули getAttribute,
    ки сифатҳоро мегирад
  • усули setAttribute,
    ки сифатҳоро менависад