Noeud de changement DOM
XML DOM Modifier la valeur du nœud
L'attribut nodeValue est utilisé pour modifier la valeur du nœud. La méthode
setAttribute() est utilisée pour modifier la valeur de l'attribut.
Essayez - 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.
Modifier le nœud de texte de l'élément
Cet exemple utilise l'attribut nodeValue pour modifier le nœud de texte du premier élément <title>
Modifiez la valeur de l'attribut en utilisant setAttribute
Cet exemple utilise la méthode setAttribute() pour modifier la valeur de l'attribut "category" du premier <book>.
Modifiez la valeur de l'attribut en utilisant nodeValue
Cet exemple utilise l'attribut nodeValue pour modifier la valeur de l'attribut "category" du premier <book>.
Changer 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 de changer le texte d'un élément est de changer la valeur de ce nœud enfant (nœud de texte).
Modifier la valeur d'un nœud de texte
L'attribut nodeValue peut être utilisé pour modifier la valeur d'un nœud de texte.
L'extrait de 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";
document.write(x.nodeValue);
</script>
</body>
</html><🎜 > Exécuter l'exemple»Cliquez sur le bouton « Exécuter l'exemple » pour afficher l'exemple en ligne
- Utiliser loadXMLDoc( ) pour charger "books .xml" Charger xmlDoc
- Récupérer le nœud de texte du premier élément <title>
- Mettre la valeur du nœud du nœud de texte Passez à "Cuisine facile"
Changer la valeur de l'attributDans 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. ILa façon de changer la valeur d'un attribut est de changer sa valeur texte. Cela peut être accompli en utilisant la méthode setAttribute() ou l'attribut nodeValue d'un nœud d'attribut.
Modifiez les attributs à l'aide de setAttribute() La méthode setAttribute() modifie la valeur d'un attribut existant ou crée un nouvel attribut. Le code suivant modifie l'attribut catégorie de l'élément <book> :
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js">
</script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName('book');
x[0].setAttribute("category","food");
document.write(x[0].getAttribute("category"));
</script>
</body>
</html>Exécuter l'instance »Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Explication des exemples :
Utilisez loadXMLDoc() pour charger "books.xml" dans xmlDoc
Obtenez le premier livre < ; élément
Changez la valeur de l'attribut "category" en "food"
Parcourez tous les éléments <title> Nouvelles propriétés : Essayez-le
Remarque : Si la propriété n'existe pas, créez une nouvelle propriété (avec le nom et la valeur spécifiés).
Modification des attributs à l'aide de nodeValue
L'attribut nodeValue peut être utilisé pour modifier la valeur d'un nœud d'attribut :
Instance
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js">
</script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("book")[0]
y=x.getAttributeNode("category");
y.nodeValue="food";
document.write(y.nodeValue);
</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 l'attribut "category" du premier élément <book> >
- Changez la valeur du nœud d'attribut en "food"
