DOM obtenir le nœud
XML DOM Obtenir la valeur du nœud
L'attribut nodeValue est utilisé pour obtenir la valeur texte d'un nœud. La méthode
getAttribute() renvoie la valeur de l'attribut.
Récupérer la valeur d'un élément
Dans le DOM, chaque composant est un nœud. Les nœuds d'élément n'ont aucune valeur de texte. Le texte du nœud de l'élément
est stocké dans les nœuds enfants. Ce nœud est appelé nœud de texte.
La façon d'obtenir le texte de l'élément est d'obtenir la valeur de ce nœud enfant (nœud de texte). La méthode
Obtenir la valeur de l'élément
getElementsByTagName() renvoie une liste de nœuds contenant tous les éléments avec le nom de balise spécifié, dans l'ordre dans lequel ils apparaissent dans le document source.
Le code suivant charge "books.xml" dans xmlDoc et récupère le premier élément <title> en utilisant loadXMLDoc() :
x=xmlDoc.getElementsByTagName("title")[0];
La propriété childNodes renvoie une liste de nœuds enfants. L'élément <title> n'a qu'un seul nœud enfant. C'est un nœud de texte.
Le code suivant récupère le nœud texte de l'élément <title> :
y=x .childNodes [0];
l'attribut nodeValue renvoie la valeur texte du nœud de texte :
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>你好世界!</p>
<div id="main">
<p> DOM 是非常有用的。</p>
<p>该实例展示了 <b>getElementsByTagName</b> 方法</p>
</div>
<script>
var x=document.getElementById("main");
var y=x.getElementsByTagName("p");
document.write('id="main"元素中的第一个段落为：' + y[0].innerHTML);
</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"
Parcourir tout < ;title> éléments : Essayez
Récupérez la valeur d'un attribut
Dans le DOM, les attributs sont aussi des nœuds. Contrairement aux nœuds d'élément, les nœuds d'attribut ont des valeurs de texte.
La façon d'obtenir la valeur d'un attribut est d'obtenir sa valeur texte.
Cela peut être accompli en utilisant la méthode getAttribute() ou l'attribut nodeValue d'un nœud d'attribut.
Obtenir la valeur de l'attribut - getAttribute()
la méthode getAttribute() renvoie l'attribut valeur.
Le code suivant récupère la valeur texte de l'attribut "lang" 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('book');
for (i=0;i<x.length;i++)
{
document.write(x[i].getAttribute('category'));
document.write("<br>");
}
</script>
</body>
</html>Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Résultat : txt = "fr"
Explication de l'exemple :
Utilisez loadXMLDoc() pour charger "books.xml" dans xmlDoc
Définissez la variable txt sur la valeur de l'attribut "lang" du premier nœud d'élément de titre
Parcourez tous les éléments <book> Attribut "category" : essayez
pour obtenir la valeur de l'attribut - la méthode getAttributeNode()
getAttributeNode() renvoie l'attribut nœud .
Le code suivant récupère la valeur texte de l'attribut "lang" 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].getAttributeNode("lang");
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 = "fr"
Explication de l'instance :
Utilisez loadXMLDoc() pour charger "books.xml" dans xmlDoc
Obtenez l'attribut "lang" du premier <title> element node Node
définit la variable txt sur la valeur de l'attribut
parcourt tous les éléments <book> "attribut : Essayez-le
