DOM - Méthode d'objet de nœud - appendChild

La méthode appendChild ajoute un nœud après le dernier nœud enfant du nœud d'élément spécifié. Il renvoie le nœud ajouté.

Syntaxe

Voici la syntaxe pour l'utilisation de l' attribut appendChild .

nodeObject.appendChild(newChild)
S.No. Paramètre et description
1

newChild

C'est le nouveau nœud à ajouter / ajouter. Il est de type Node .

Cette méthode retourne Node ajouté.

Exemple

Le contenu de node.xml est comme ci-dessous -

<?xml version = "1.0"?>
<Company>
   <Employee category = "Technical">
      <FirstName>Tanmay</FirstName>
      <LastName>Patil</LastName>
      <ContactNo>1234567890</ContactNo>
      <Email>[email protected]</Email>
   </Employee>
   
   <Employee category = "Non-Technical">
      <FirstName>Taniya</FirstName>
      <LastName>Mishra</LastName>
      <ContactNo>1234667898</ContactNo>
      <Email>[email protected]</Email>
   </Employee>
   
   <Employee category = "Management">
      <FirstName>Tanisha</FirstName>
      <LastName>Sharma</LastName>
      <ContactNo>1234562350</ContactNo>
      <Email>[email protected]</Email>
   </Employee>
</Company>

L'exemple suivant montre l'utilisation de l' attribut appendChild -

<!DOCTYPE html>
<html>
   <head>
      <script>
         function loadXMLDoc(filename) {
            if (window.XMLHttpRequest) {
               xhttp = new XMLHttpRequest();
            } else // code for IE5 and IE6 {
               xhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xhttp.open("GET",filename,false);
            xhttp.send();
            return xhttp.responseXML;
         }
      </script>
   </head>
   <body>
      <script>
         xmlDoc = loadXMLDoc("/dom/node.xml");

         create_e = xmlDoc.createElement("PhoneNo");

         x = xmlDoc.getElementsByTagName("FirstName")[0];
         x.appendChild(create_e);
         document.write("Appended child is : ")
         document.write(x.getElementsByTagName("PhoneNo")[0].nodeName);
      </script>
   </body>
</html>

Exécution

Enregistrez ce fichier sous le nom nodemethod_appendchild.htm sur le chemin du serveur (ce fichier et node.xml doivent être sur le même chemin sur votre serveur). Nous obtiendrons la sortie comme indiqué ci-dessous -

Appended child is : PhoneNo