DOM Sol

Ejercicios de manipulacin de DOM
A continuacin se presentan algunos ejercicios prcticos de manipulacin

del rbol DOM. En todos ellos vamos a utilizar islas de datos para mayor
simplicidad.
Creacin de nodos
Crear un nuevo elemento nuevoNodo e insertarlo como hijo del elemento
Raz, y detrs del elemento existente elemento1. Mostrar el resultado
mediante una ventana de alerta.
Se debe utilizar la funcin createElement() para crear un nuevo nodo

nuevoNodo. Despus se usa la funcin insertBefore() con el segundo
parmetro a null para insertarlo al final de la lista de hijos. Hay que
realizarlo sobre el siguiente documento HTML:
<HTML>
<SCRIPT LANGUAGE="javascript" FOR="window" EVENT="onload">
// Crea un nuevo nodo Element.
var nuevoNodo = xml.createElement("nuevoElemento");
// Inserta el nuevo Element como hijo del nodo "raz".

xml.documentElement.insertBefore(nuevoNodo, null);
// Muestra el documento XML resultante.

alert(xml.xml);
</SCRIPT>
<XML ID="xml">
<Raz>
<elemento1/>
</Raz>
</XML>
</HTML>
Ejemplo 6: fichero Ej_CreateNode.html
Borrado de nodos
Eliminar el nodo que hemos creado en el ejercicio anterior y dejar el documento como
estaba. Mostrar el resultado con un mensaje de alerta.
Se debe usar el mtodo removeNode() de la clase Node para la operacin de
borrado.
<HTML>
<SCRIPT LANGUAGE="javascript" FOR="window" EVENT="onload">
// Find node to delete
var nodeToDelete = xml.documentElement.childNodes.item(1);
// Delete the node

xml.documentElement.removeChild(nodeToDelete);
// Display the resulting XML document

alert(xml.xml);
</SCRIPT>
<XML ID="xml">
<Raz>
<elemento1/>
<nuevoNodo/>
</Raz>
</XML>
</HTML>

DOM Sol

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

DOM Sol

Cargado por

Copyright:

Formatos disponibles

Ejercicios de manipulacin de DOM

A continuacin se presentan algunos ejercicios prcticos de manipulacin

Se debe utilizar la funcin createElement() para crear un nuevo nodo

// Inserta el nuevo Element como hijo del nodo "raz".

// Muestra el documento XML resultante.

Ejemplo 6: fichero Ej_CreateNode.html

// Delete the node

// Display the resulting XML document

También podría gustarte