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ė

elementas.dataset.pavadinimas;

Pavyzdys

Perskaitykime atributo reikšmę:

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

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

console.log(res);

Kodo vykdymo rezultatas:

'1000'

Pavyzdys

Pakeiskime atributo reikšmę:

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

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

Dėl to kodas atrodys taip:

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

Taip pat žiūrėkite

metodas getAttribute,
kuris gauna atributus
metodas setAttribute,
kuris įrašo atributus