Latest web development tutorials

DOM XML avanzada

DOM XML - Avanzada

En los capítulos anteriores de este tutorial , hemos introducido el código XML DOM, y utiliza el método del XML DOM getElementsByTagName () para recuperar datos de documentos XML.

En este capítulo vamos a combinar una serie de otros métodos DOM XML importantes.

Puede en nuestro XML DOM tutorial para aprender más sobre el conocimiento DOM XML.


Obtiene el valor del elemento

archivos XML usados en los siguientes ejemplos: la Books.XML .

En el siguiente ejemplo se recupera el primer valor de texto del elemento <title>:

Ejemplos

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

Trate »


Obtiene el valor de la propiedad

El ejemplo siguiente recupera el valor de texto del primer elemento <title> del atributo "lang":

Ejemplos

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

Trate »


Cambiar el valor del elemento

El ejemplo siguiente cambia el primer valor de texto <title>:

Ejemplos

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

Trate »


Crear una nueva propiedad

El método XML DOM setAttribute () se puede utilizar para cambiar el valor de la propiedad existente o crear una nueva propiedad.

En el siguiente ejemplo se crea un nuevo atributo (edición = "primero"), y luego agregarlo a cada elemento <libro>:

Ejemplos

x=xmlDoc.getElementsByTagName("book");

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

Trate »


crear elemento

El método XML DOM createElement () crea un nuevo nodo de elemento.

El método DOM XML createTextNode () crea un nuevo nodo de texto.

El XML DOM appendChild () método agrega un nodo secundario al nodo (después del último nodo hijo).

Para crear un nuevo elemento con el contenido del texto, es necesario crear un nuevo elemento de nodo de elemento y un nuevo nodo de texto, y luego se agregó a los nodos existentes.

En el siguiente ejemplo se crea un nuevo elemento (<edición>), con el texto siguiente: En primer lugar, y luego agregarlo al primer elemento <libro>:

Ejemplos

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

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

Trate »

Los ejemplos explicados

  • Crear un elemento <edición>
  • La creación de valor nodo de texto "Primera"
  • Anexar el nodo de texto para el nuevo elemento <edición>
  • El elemento <edición> se añade al primer elemento <book>

La eliminación de los elementos

El siguiente ejemplo se quita el primer <libro> elemento del primer nodo:

Ejemplos

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

Trate »

NOTA: Los ejemplos anteriores pueden resultar en función del navegador y diferente.Firefox trata de nuevas líneas como nodos de texto vacíos, Internet Explorer no es el caso. Usted puede, en nuestra XML DOM tutorial en leer más acerca de este problema y cómo evitarlo.