Easy-Micro


ESPACEMEMBRE DOM et JavaScript
Attributs DOM

Exemple pour accéder aux attributs

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.

var paragraphe = document.getElementsByTagName("p")[0];
var 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:
var paragraphe = document.getElementsByTagName("p")[0];
var mesattributs = paragraphe.attributes;

var 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 type="text/javascript">
//<![CDATA[
function valeur() {
var paragraphe = document.getElementsByTagName("p")[0];
var mesattributs = paragraphe.attributes;
var language = mesattributs.getNamedItem("lang").nodeValue;
alert(language);
}
//]]>
</script>
</head>
<body onclick="valeur();">
<p lang="fr">Mon texte</p>
</body>
</html>


Suivez les aventures des skippers aquitains sur EasyVoile.com
Flux RSS Easy-Micro - Abonnez-vous Easy-Micro [ François Bisch ]
Mardi 22 janvier 2019 - Semaine 04 - Saint Vincent (Demain: Saint Barnard)
Aujourd'hui, c'est l'anniversaire de Frank Leboeuf (1968-51 ans), footballeur français (défenseur). Autre 22 janvier: 1981 - Début de la série américaine Dallas sur les écrans français (TF1).
Haut de page Easy-Micro