Informations sur le nœud DOM
XML DOM Informations sur le nœud
Les attributs nodeName, nodeValue et nodeType contiennent des informations sur le nœud.
EssayezEssayez-le - Exemple
L'exemple ci-dessous utilise le fichier XML books.xml.
La fonction loadXMLDoc(), située en JavaScript externe, permet de charger des fichiers XML.
Obtenir le nom de nœud de l'élément node
Cet exemple utilise l'attribut nodeName pour obtenir le nom de nœud de l'élément racine dans "books.xml".
Obtenir le texte du nœud de texte
Cet exemple utilise l'attribut nodeValue pour obtenir le texte du premier élément <title>
Modifier le texte dans le nœud de texte
Cet exemple utilise l'attribut nodeValue pour modifier le texte du premier élément <title>
Obtenir le nom du nœud et le type de l'élément node
Cet exemple utilise les attributs nodeName et nodeType pour obtenir le nom du nœud et le type de l'élément racine dans "books.xml".
Attributs du nœud
Dans XML DOM, chaque nœud est un objet.
Les objets ont des méthodes et des propriétés accessibles et manipulables via JavaScript.
Les trois attributs de nœud importants sont :
nodeName
nodeValue
nodeType
attribut nodeName
l'attribut nodeName spécifie le nom du nœud.
nodeName est en lecture seule
Le nodeName du nœud d'élément est le même que le nom de la balise
attribut Le nodeName du nœud est le nom de l'attribut
Le nodeName du nœud de texte est toujours #text
Le nodeName du nœud de document est toujours #document
attribut nodeValue
l'attribut nodeValue spécifie la valeur du nœud.
La nodeValue du nœud d'élément n'est pas définie
La nodeValue du nœud de texte est le texte lui-même
attribut La nodeValue du nœud est la valeur de l'attribut
Instance
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js"></script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
document.write(xmlDoc.documentElement.nodeName);
</script>
</body>
</html>Exécuter l'instance »
Cliquez sur le bouton « Exécuter l'exemple » pour afficher l'exemple en ligne
Obtenir la valeur de l'élément
Le code suivant récupère le premier élément <title> La valeur du nœud texte :
Instance
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js"></script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
txt=x.nodeValue;
document.write(txt);
</script>
</body>
</html>Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Résultat : txt = "Everyday Italian"
Explication des exemples :
Utilisez loadXMLDoc() pour charger "books.xml" dans xmlDoc
Obtenir le nœud de texte du premier nœud d'élément <title>
Définir la variable txt sur la valeur du nœud de texte
Modifier la valeur d'un élément
Le code suivant modifie la valeur du nœud de texte du premier élément <title> :
Exemple
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js"></script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
x.nodeValue="Easy Cooking";
x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
txt=x.nodeValue;
document.write(txt);
</script>
</body>
</html>Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Explication de l'instance :
-
Utilisez loadXMLDoc() pour charger "books.xml" dans xmlDoc
Obtenez le nœud de texte du premier nœud d'élément <title> 🎜>
- Changez la valeur du nœud de texte en "Easy Cooking"
Attribut nodeTypeL'attribut nodeType spécifie le type de nœud. nodeType est en lecture seule. Les types de nœuds les plus importants sont :
| 节点类型 | NodeType |
|---|---|
| 元素 | 1 |
| 属性 | 2 |
| 文本 | 3 |
| 注释 | 8 |
| 文档 | 9 |
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js"></script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
document.write(xmlDoc.documentElement.nodeName);
document.write("<br>");
document.write(xmlDoc.documentElement.nodeType);
</script>
</body>
</html>Instance en cours d'exécution»Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
