Retourner à la page d'accueil de TJS

Propriété : HTMLElement.dataset

          

Liste de l'ensemble des attributs data-* d'un objet HTML

Syntaxe
JSON obj.dataset

Description
Liste des attributs de type data-* d'un objet HTMLElement.

dataset est accessible en écriture : modifier cet objet a un effet automatique et immédiat sur le DOM.

Pour rappel les attributs commençant par data- permettent de stocker des informations texte sur chaque élément du DOM.
Même si l'attribut n'existe pas dans la norme HTML W3C, aucune erreur n'est reportée lors de l'exercice de validation de code.


Exemple Utilisation de dataset
Code source
<div id="myDiv" data-tjs1="info numero 1" data-tjs2="info 2">Mon div avec 2 attributs data-*</div>

<script>
var div=document.getElementById("myDiv");
console.log(div.dataset);

// Accès en lecture
console.log(div.dataset.tjs1);

// Accès en écriture
div.dataset.tjs2="Nouvelle valeur affectée par le dataset";
console.log(div.dataset.tjs2);
</script>

Résultat
Mon div avec 2 attributs data-*
Emulation de la console
Explication
La propriété dataset permet d'accéder très facilement aux attributs avec la notation objet.
Page mise à jour le

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...

Le guide complet du javascript

Le Guide Complet du JavascriptEn savoir plus sur mon livre aux Editions Micro Application
Le 24/11/2017 06:46:27 sur php7 en 24.12 ms