La propriété nodeValue est utilisée pour obtenir la valeur de texte d'un nœud.
Le getAttribute() méthode renvoie la valeur d'un attribut.
Obtenez la valeur d'un élément
Dans les DOM, tout est un noeud. Les noeuds d'élément ne sont pas une valeur de texte.
La valeur textuelle d'un noeud d'élément est stocké dans un noeud enfant. Ce noeud est appelé un nœud de texte.
Pour récupérer la valeur de texte d'un élément, vous devez récupérer la valeur du nœud de texte des éléments.
La méthode getElementsByTagName
Le getElementsByTagName() méthode renvoie une liste de noeuds de tous les éléments, avec le nom de tag spécifié, dans le même ordre qu'ils apparaissent dans le document source.
Supposons que " books.xml " a été chargé dans xmlDoc.
Ce code récupère le premier <title> élément:
var x = xmlDoc.getElementsByTagName("title")[0];
Le ChildNodes propriété
La propriété childNodes retourne une liste des nœuds enfants d'un élément.
Le code suivant récupère le nœud de texte de la première <title> élément:
x = xmlDoc.getElementsByTagName("title")[0];
y = x.childNodes[0];
Le nodeValue propriété
La propriété nodeValue renvoie la valeur de texte d'un nœud de texte.
Le code suivant extrait la valeur de texte du nœud de texte du premier <title> élément:
Exemple
x = xmlDoc.getElementsByTagName("title")[0];
y = x.childNodes[0];
z = y.nodeValue;
Resul en z: "Everyday Italian"
Exemple complet
Exemple
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (xhttp.readyState == 4 && xhttp.status == 200) {
myFunction(xhttp);
}
};
xhttp.open("GET",
"books.xml", true);
xhttp.send();
function myFunction(xml) {
var xmlDoc = xml.responseXML;
var x = xmlDoc.getElementsByTagName('title')[0];
var y =
x.childNodes[0];
document.getElementById("demo").innerHTML = y.nodeValue;
}
</script>
</body>
</html>
Essayez - le vous - même » Boucle à travers tous les <title> éléments: Essayez vous - même
Obtenez la valeur d'un attribut
Dans le DOM, les attributs sont des nœuds. Contrairement à des noeuds d'élément, les nœuds d'attributs ont des valeurs de texte.
La manière d'obtenir la valeur d'un attribut, est d'obtenir sa valeur de texte.
Cela peut être fait en utilisant le getAttribute() ou par le biais de la propriété nodeValue du noeud d'attribut.
Obtenez une valeur d'attribut - getAttribute()
Le getAttribute() méthode renvoie une attribute's value .
Le code suivant extrait la valeur de texte de la "lang" attribut de la première <title> élément:
Exemple
x = xmlDoc.getElementsByTagName("title")[0];
txt = x.getAttribute("lang");
Essayez - le vous - même » Résultat dans txt: "en"
Boucle à travers tous <book> éléments et obtenir leur "category" attributs: Essayez vous - même
Obtenez une valeur d'attribut - getAttributeNode()
Le getAttributeNode() méthode renvoie un attribute node .
Le code suivant extrait la valeur de texte de la "lang" attribut de la première <title> élément:
Exemple
x = xmlDoc.getElementsByTagName("title")[0];
y = x.getAttributeNode("lang");
txt = y.nodeValue;
Essayez - le vous - même » Résultat dans txt = "en"
Boucle à travers tous <book> éléments et obtenir leur "category" attributs: Essayez - le vous - même