Latest web development tutorials

DOM XML avanzato

DOM XML - Advanced

Nei capitoli precedenti di questo tutorial , abbiamo introdotto il DOM XML e utilizza il metodo DOM XML getElementsByTagName () per recuperare i dati da documenti XML.

In questo capitolo combinare una serie di altri importanti metodi DOM XML.

È possibile nel nostro XML DOM Tutorial per conoscere meglio la conoscenza DOM XML.


Ottiene il valore dell'elemento

file XML utilizzati nei seguenti esempi: il Books.xml .

L'esempio seguente recupera il primo valore di testo dell'elemento <title>:

Esempi

txt=xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;

Prova »


Ottiene il valore della proprietà

L'esempio seguente recupera il valore di testo del primo elemento <title> dell'attributo "lang":

Esempi

txt=xmlDoc.getElementsByTagName("title")[0].getAttribute("lang");

Prova »


Modificare il valore dell'elemento

L'esempio seguente modifica il primo valore di testo <title>:

Esempi

x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
x.nodeValue="Easy Cooking";

Prova »


Creare una nuova proprietà

Il metodo XML DOM setAttribute () può essere utilizzato per modificare il valore della proprietà esistente o crearne una nuova proprietà.

L'esempio seguente crea un nuovo attributo (edizione = "prima"), e poi inserirlo a ogni elemento <libro>:

Esempi

x=xmlDoc.getElementsByTagName("book");

for(i=0;i<x.length;i++)
{
x[i].setAttribute("edition","first");
}

Prova »


Crea elemento

Il metodo XML DOM createElement () crea un nuovo nodo elemento.

Il metodo DOM XML createTextNode () crea un nuovo nodo di testo.

Il DOM XML appendChild () metodo aggiunge un nodo figlio al nodo (dopo l'ultimo nodo figlio).

Per creare un nuovo elemento con il contenuto del testo, è necessario creare un nuovo elemento nodo elemento e un nuovo nodo di testo, e poi ha aggiunto ai nodi esistenti.

L'esempio seguente crea un nuovo elemento (<edizione>), con il seguente testo: In primo luogo, e poi inserirlo al primo elemento <libro>:

Esempi

newel=xmlDoc.createElement("edition");
newtext=xmlDoc.createTextNode("First");
newel.appendChild(newtext);

x=xmlDoc.getElementsByTagName("book");
x[0].appendChild(newel);

Prova »

Esempi spiegato

  • Creare un <edizione> elemento
  • La creazione di valore "First" nodo di testo
  • Aggiungere il nodo di testo per il nuovo elemento <edizione>
  • Il <edizione> elemento viene aggiunto al primo elemento <libro>

elementi Rimozione

L'esempio seguente rimuove il primo <libro> del primo nodo:

Esempi

x=xmlDoc.getElementsByTagName("book")[0];
x.removeChild(x.childNodes[0]);

Prova »

NOTA: Gli esempi sopra riportati possono comportare a seconda del browser e diverso.Firefox tratta di nuove linee come nodi di testo vuoti, Internet Explorer non è il caso. È possibile nel nostro XML DOM Tutorial a saperne di più su questo problema e come evitarlo.