Omadus dataset

HTML keeles on lubatud lisada elementidele oma atribuudid, need peavad algama eesliitega data-, millele võib järgneda suvaline atribuudi nimi. Sellistele atribuutidele juurdepääsemiseks JavaScripti kaudu kasutatakse spetsiaalset omadust dataset.

Süntaks

element.dataset.nimi;

Näide

Loeme atribuudi väärtuse:

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

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

console.log(res);

Koodi täitmise tulemus:

'1000'

Näide

Muudame atribuudi väärtust:

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

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

Tulemusena näeb kood välja selline:

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

Vaata ka

meetod getAttribute,
mis saab atribuudid
meetod setAttribute,
mis kirjutab atribuudid