XML DOM - Aggiungi nodo

In questo capitolo, discuteremo i nodi dell'elemento esistente. Fornisce un mezzo per:

  • aggiungere nuovi nodi figlio prima o dopo i nodi figlio esistenti

  • inserire i dati all'interno del nodo di testo

  • aggiungi nodo attributo

I seguenti metodi possono essere utilizzati per aggiungere / accodare i nodi a un elemento in un DOM:

  • appendChild()
  • insertBefore()
  • insertData()

appendChild ()

Il metodo appendChild () aggiunge il nuovo nodo figlio dopo il nodo figlio esistente.

Sintassi

La sintassi del metodo appendChild () è la seguente:

Node appendChild(Node newChild) throws DOMException

Dove,

  • newChild - È il nodo da aggiungere

  • Questo metodo restituisce il nodo aggiunto.

Esempio

Il seguente esempio (appendchildnode_example.htm) analizza un documento XML ( node.xml ) in un oggetto DOM XML e aggiunge il nuovo PhoneNo figlio all'elemento <FirstName>.

<!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(x.getElementsByTagName("PhoneNo")[0].nodeName);
      </script>
   </body>
</html>

Nell'esempio sopra -

  • utilizzando il metodo createElement (), viene creato un nuovo elemento PhoneNo .

  • Il nuovo elemento PhoneNo viene aggiunto all'elemento FirstName utilizzando il metodo appendChild ().

Esecuzione

Salvare questo file come appendchildnode_example.htm sul percorso del server (questo file e node.xml dovrebbero trovarsi sullo stesso percorso nel server). Nell'output, otteniamo il valore dell'attributo come PhoneNo .

insertBefore ()

Il metodo insertBefore () , inserisce i nuovi nodi figlio prima dei nodi figlio specificati.

Sintassi

La sintassi del metodo insertBefore () è la seguente:

Node insertBefore(Node newChild, Node refChild) throws DOMException

Dove,

  • newChild - È il nodo da inserire

  • refChild - È il nodo di riferimento, ovvero il nodo prima del quale deve essere inserito il nuovo nodo.

  • Questo metodo restituisce il nodo inserito.

Esempio

L'esempio seguente (insertnodebefore_example.htm) analizza un documento XML ( node.xml ) in un oggetto DOM XML e inserisce una nuova Email figlio prima dell'elemento <Email> specificato.

<!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("Email");

         x = xmlDoc.documentElement;
         y = xmlDoc.getElementsByTagName("Email");

         document.write("No of Email elements before inserting was: " + y.length);
         document.write("<br>");
         x.insertBefore(create_e,y[3]);

         y=xmlDoc.getElementsByTagName("Email");
         document.write("No of Email elements after inserting is: " + y.length);
      </script>
   </body>
</html>

Nell'esempio sopra -

  • utilizzando il metodo createElement (), viene creato un nuovo elemento Email .

  • Il nuovo elemento Email viene aggiunto prima dell'elemento Email utilizzando il metodo insertBefore ().

  • y.length fornisce il numero totale di elementi aggiunti prima e dopo il nuovo elemento.

Esecuzione

Salvare questo file come insertnodebefore_example.htm nel percorso del server (questo file e node.xml dovrebbero trovarsi sullo stesso percorso nel server). Riceveremo il seguente output:

No of Email elements before inserting was: 3
No of Email elements after inserting is: 4

insertData ()

Il metodo insertData (), inserisce una stringa all'offset di unità di 16 bit specificato.

Sintassi

InsertData () ha la seguente sintassi:

void insertData(int offset, java.lang.String arg) throws DOMException

Dove,

  • offset - è l'offset del carattere in cui inserire.

  • arg - è la parola chiave per inserire i dati. Racchiude i due parametri offset e stringa tra parentesi separati da virgola.

Esempio

Il seguente esempio (addtext_example.htm) analizza un documento XML (" node.xml ") in un oggetto DOM XML e inserisce nuovi dati MiddleName nella posizione specificata nell'elemento <FirstName>.

<!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");

        x = xmlDoc.getElementsByTagName("FirstName")[0].childNodes[0];
        document.write(x.nodeValue);
        x.insertData(6,"MiddleName");
        document.write("<br>");
        document.write(x.nodeValue);

     </script>
   </body>
</html>

  • x.insertData(6,"MiddleName");- Qui, x contiene il nome del nome figlio specificato, ad esempio <FirstName>. Inseriamo quindi in questo nodo di testo il dato "MiddleName" a partire dalla posizione 6.

Esecuzione

Salva questo file come addtext_example.htm sul percorso del server (questo file e node.xml dovrebbero trovarsi sullo stesso percorso nel tuo server). Riceveremo quanto segue nell'output:

Tanmay
TanmayMiddleName