Comment récupérer la valeur de l'attribut data en JavaScript ?

Réponses rédigées par Antoine
Dernière mise à jour : 2018-12-11 17:05:59
Thèmes : webmaster - javascript - dataset
Question

J'ai une balise qui contient un attribut DATA- :

<div id="mon_id" data-desc="description"></div>

Comment récupérer la valeur de l'attribut data en JavaScript ?

Réponse

Pour récupérer la valeur de l'attribut DATA d'une balise HTML, vous devez utiliser l'élément DATASET.

var element = document.getElementById('mon_id');

if (element != null) {
var valeur = element.dataset.desc;
}

Plus d'informations sur :

  • https://developer.mozilla.org/fr/docs/Web/API/HTMLElement/dataset
  • https://developer.mozilla.org/fr/docs/Apprendre/HTML/Comment/Utiliser_attributs_donnes