Dataset īpašība

HTML valodā ir atļauts pievienot savus atribūtus elementiem, kamēr tiem jāsākas ar data-, un pēc tam var būt jebkāds atribūta nosaukums. Lai piekļūtu šādiem atribūtiem caur JavaScript, tiek izmantota speciāla īpašība dataset.

Sintakse

javascriptelement.dataset.nosaukums;

Piemērs

Izlasīsim atribūta vērtību:

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

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

console.log(res);

Koda izpildes rezultāts:

javascript'1000'

Piemērs

Mainīsim atribūta vērtību:

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

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

Rezultātā kods izskatīsies šādi:

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

Skatiet arī