Easy-Micro [ DOM ET JAVASCRIPT - Attributs DOM ] - Formations informatiques pour entreprises

DOM et JavaScript
Attributs DOM
Exemple pour accéder aux attributs avec la propriété attributes

Propriété attributes

La propriété attributes renvoie une liste des attributs d'un élément spécifié. Cette liste de nœuds attributs est renvoyée sous forme d'un objet de type NameNodeMap. Ce qui implique que les attributs seront accessibles par leur nom.

let paragraphe = document.getElementsByTagName("p")[0];
let mesattributs = paragraphe.attributes;

La variable paragraphe récupère le premier paragraphe du document. La propriété attributes appliquée à cette variable liste l'ensemble des attributs de celui-ci. La méthode getNamedItem() retrouve un nœud selon le nom spécifié en argument:

let paragraphe = document.getElementsByTagName("p")[0];
let mesattributs = paragraphe.attributes;
let language = mesattributs.getNamedItem("lang");

La variable language contient l'attribut lang du premier paragraphe du document.

Pour afficher la valeur de l'attribut lang:

<script>
//<![CDATA[
function valeur() {
    let paragraphe = document.getElementsByTagName("p")[0];
    let mesattributs = paragraphe.attributes;
    let language = mesattributs.getNamedItem("lang").nodeValue;
    alert(language);
}
//]]>
</script>
</head>
<body onclick="valeur();">
<p lang="fr">Mon texte</p>
</body>
</html>