Proprietà dataset
Nel linguaggio HTML è permesso aggiungere i propri attributi
ai tag, a condizione che inizino con data-,
seguito da qualsiasi nome per l'attributo.
Per accedere a tali attributi tramite JavaScript
si utilizza una proprietà speciale dataset.
Sintassi
elemento.dataset.nome;
Esempio
Leggiamo il valore dell'attributo:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
let res = elem.dataset.cost;
console.log(res);
Risultato dell'esecuzione del codice:
'1000'
Esempio
Modifichiamo il valore dell'attributo:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
elem.dataset.cost = '2000';
Di conseguenza, il codice risulterà così:
<div data-cost="2000"></div>
Vedi anche
-
metodo
getAttribute,
che ottiene gli attributi -
metodo
setAttribute,
che imposta gli attributi
