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

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 ?

Answer 1

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