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 ]
Lundi 18 mars 2019 - Semaine 12 - Saint Cyrille de Jérusalem (Demain: Saint Joseph)
Aujourd'hui, c'est l'anniversaire de Luc Besson (1959-60 ans), réalisateur et producteur français, de Xavier Deluc (1958), acteur français et de Laetitia Hallyday (1975). Autre 18 mars: 1314 : supplice de Jacques de Molay, grand maître des Templiers.
Haut de page Easy-Micro