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

javascriptelement.dataset.nimi;

Näide

Loeme atribuudi väärtuse:

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

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

console.log(res);

Koodi täitmise tulemus:

javascript'1000'

Näide

Muudame atribuudi väärtust:

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

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

Tulemusena näeb kood välja selline:

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

Vaata ka