Propriété dataset
En langage HTML, il est permis d'ajouter ses propres attributs
aux balises, à condition qu'ils commencent par data-,
suivi de n'importe quel nom d'attribut.
Pour accéder à ces attributs via JavaScript,
une propriété spéciale dataset est utilisée.
Syntaxe
élément.dataset.nom;
Exemple
Lisons la valeur de l'attribut :
<div data-cost="1000"></div>
let elem = document.querySelector('div');
let res = elem.dataset.cost;
console.log(res);
Résultat de l'exécution du code :
'1000'
Exemple
Modifions la valeur de l'attribut :
<div data-cost="1000"></div>
let elem = document.querySelector('div');
elem.dataset.cost = '2000';
En conséquence, le code deviendra :
<div data-cost="2000"></div>
Voir aussi
-
la méthode
getAttribute,
qui récupère les attributs -
la méthode
setAttribute,
qui écrit les attributs
