Savybė dataset

HTML kalboje leidžiama pridėti savo atributus ženklams, su sąlyga, kad jie prasideda data-, o po to gali būti bet koks atributo pavadinimas. Norint pasiekti tokius atributus per JavaScript naudojama speciali savybė dataset.

Sintaksė

javascriptelementas.dataset.pavadinimas;

Pavyzdys

Perskaitykime atributo reikšmę:

html<div data-cost="1000"></div>

javascriptlet elem = document.querySelector('div');
let res = elem.dataset.cost;

console.log(res);

Kodo vykdymo rezultatas:

javascript'1000'

Pavyzdys

Pakeiskime atributo reikšmę:

html<div data-cost="1000"></div>

javascriptlet elem = document.querySelector('div');
elem.dataset.cost = '2000';

Dėl to kodas atrodys taip:

html<div data-cost="2000"></div>

Taip pat žiūrėkite