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ă

javascriptelement.dataset.nume;

Exemplu

Să citim valoarea atributului:

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

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

console.log(res);

Rezultatul executării codului:

javascript'1000'

Exemplu

Să modificăm valoarea atributului:

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

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

În urma execuției, codul HTML va arăta astfel:

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

Vezi și