Retourner à la page d'accueil de TJS

Propriété : HTMLElement.dataset

          

Liste de l'ensemble des attributs data-* présents dans la balise HTML d'un élément du DOM

Syntaxe
JSON element.dataset

Description
Liste des attributs de type data-* d'un objet HTMLElement qui sont présents dans sa balise HTML.

L'objet au format JSON 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 en rapport
Introduction au DHTML
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

Extension navigateur Get-My-IP

Quelle est mon adresse IP ?Installez l'extension Get-My-IP.com pour afficher votre IP d'un seul clic
Le 18/08/2018 06:50:45 sur php7 en 24.89 ms