Nœud de création DOM
XML DOM Créer un nœud
Essayez-le - Exemple
L'exemple suivant utilise le fichier XML books.xml.
La fonction loadXMLDoc(), située en JavaScript externe, permet de charger des fichiers XML.
Créer un nœud d'élément
Cet exemple utilise createElement() pour créer un nouveau nœud d'élément et appendChild() pour l'ajouter à un nœud.
Utilisez createAttribute pour créer un nœud d'attribut
Cet exemple utilise createAttribute() pour créer un nouveau nœud d'attribut et utilise setAttributeNode() pour l'insérer dans un élément.
Utilisez setAttribute pour créer un nœud d'attribut
Cet exemple utilise setAttribute() pour créer un nouvel attribut pour un élément.
Créer un nœud de texte
Cet exemple utilise createTextNode() pour créer un nouveau nœud de texte et appendChild() pour l'ajouter à un élément.
Créer un nœud de section CDATA
Cet exemple utilise createCDATAsection() pour créer un nœud de section CDATA et utilise appendChild() pour l'ajouter à un élément.
Créer un nœud de commentaire
Cet exemple utilise createComment() pour créer un nœud de commentaire et appendChild() pour l'ajouter à un élément.
Créer un nouveau nœud d'élément
La méthode createElement() crée un nouveau nœud d'élément :
Instance
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js">
</script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
newel=xmlDoc.createElement("edition");
x=xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newel);
document.write(x.getElementsByTagName("edition")[0].nodeName);
</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
Créer un nouveau nœud d'élément <edition>
au premier Les éléments <book> ajoutent ce nœud d'élément
Parcourez et ajoutez un élément à tous les éléments <book> : essayez-le
Créer un nouveau Le nœud d'attribut
createAttribute() est utilisé pour créer un nouveau nœud d'attribut :
Instance
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js">
</script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
newatt=xmlDoc.createAttribute("edition");
newatt.nodeValue="first";
x=xmlDoc.getElementsByTagName("title");
x[0].setAttributeNode(newatt);
document.write("Edition: ");
document.write(x[0].getAttribute("edition"));
</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
Créez un nouveau nœud d'attribut " édition"
Définissez la valeur du nœud d'attribut sur "first"
Ajoutez ce nouvel attribut au premier nœud d'élément <title>
parcourt tous les éléments <title> et ajoute un nouveau nœud d'attribut : essayez
Remarque : Si l'attribut est déjà S'il existe , il sera remplacé par le nouvel attribut.
Utilisez setAttribute() pour créer des attributs
Puisque la méthode setAttribute() peut créer un nouvel attribut si l'attribut n'existe pas, nous pouvons utiliser cette méthode pour créer un nouvel attribut .
Instance
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js">
</script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("title");
x[0].setAttribute("edition","first");
document.write("Edition: ");
document.write(x[0].getAttribute("edition"));
</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
est le. first < L'élément book> définit (crée) l'attribut "edition" avec la valeur "first"
Parcourt tous les éléments <title> il
Créer un nœud de texte
La méthode createTextNode() crée un nouveau nœud de texte :
Instance
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js">
</script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
newel=xmlDoc.createElement("edition");
newtext=xmlDoc.createTextNode("first");
newel.appendChild(newtext);
x=xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newel);
//Output title and edition
document.write(x.getElementsByTagName("title")[0].childNodes[0].nodeValue);
document.write(" - Edition: ");
document.write(x.getElementsByTagName("edition")[0].childNodes[0].nodeValue);
</script>
</body>
</html>Exécuter l'exemple»
Cliquez sur le bouton « Exécuter l'exemple » pour afficher l'exemple en ligne
Explication de l'exemple :
-
Utilisez loadXMLDoc() pour mettre "books. xml" Load xmlDoc
Créez un nouveau nœud d'élément<edition>
Créez un nouveau nœud de texte dont le texte est "premier"
Ajouter un nouveau nœud de texte à ce nœud d'élément
Ajouter un nouveau nœud d'élément au premier <book> element
Ajouter un nœud d'élément avec un nœud de texte à tous les éléments <book> : essayez-le
Créer un nœud de section CDATA
La méthode createCDATASection() crée un nouveau nœud de section CDATA.
Instance
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js"></script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
newCDATA=xmlDoc.createCDATASection("Special Offer & Book Sale");
x=xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newCDATA);
document.write(x.lastChild.nodeValue);
</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
Créez un nouveau nœud de section CDATA
ajoute cette nouvelle section CDATA au premier élément <book> Le nœud
parcourt et ajoute à tous les éléments <book> Section CDATA : Essayez-le
Create Comment Node
La méthode createComment() crée un nouveau nœud de commentaire.
Instance
<!DOCTYPE html>
<html>
<head>
<script src="loadxmldoc.js"></script>
</head>
<body>
<script>
xmlDoc=loadXMLDoc("books.xml");
newComment=xmlDoc.createComment("Revised April 2008");
x=xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newComment);
document.write(x.lastChild.nodeValue);
</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
Créer un nouveau nœud de commentaire
Ajouter ce nouveau nœud de commentaire au premier élément <book>
Boucler et ajouter à tous les éléments <book> nœud de commentaire : Essayez-le
