Proprietatea dataset
În limbajul HTML este permis să adăugați propriile atribute
elementelor, cu condiția ca acestea să înceapă cu data-,
urmate de orice nume de atribut.
Pentru a accesa astfel de atribute prin JavaScript
se folosește proprietatea specială dataset.
Sintaxă
element.dataset.nume;
Exemplu
Să citim valoarea atributului:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
let res = elem.dataset.cost;
console.log(res);
Rezultatul executării codului:
'1000'
Exemplu
Să modificăm valoarea atributului:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
elem.dataset.cost = '2000';
În urma execuției, codul HTML va arăta astfel:
<div data-cost="2000"></div>
Vezi și
-
metoda
getAttribute,
care preia atributele -
metoda
setAttribute,
care scrie atributele
