trabajo

DOM

1

DOM (Document Object Model)
4.1. Introducción a DOM
Cuando se definió el lenguaje XML, surgió la necesidad de procesar y manipular el
contenido de los archivos XML mediante los lenguajes de programación tradicionales.
XML es un lenguaje sencillo de escribir pero complejo para procesar y manipular de
forma eficiente. Por este motivo, surgieron algunas técnicas entre las que seencuentra
DOM.
DOM o Document Object Model es un conjunto de utilidades específicamente diseñadas
para manipular documentos XML. Por extensión, DOM también se puede utilizar para
manipular documentos XHTML y HTML. Técnicamente, DOM es una API de
funciones que se pueden utilizar para manipular las páginas XHTML de forma rápida y
eficiente.
Antes de poder utilizar sus funciones, DOM transformainternamente el archivo XML
original en una estructura más fácil de manejar formada por una jerarquía de nodos. De
esta forma, DOM transforma el código XML en una serie de nodos interconectados en
forma de árbol.
El árbol generado no sólo representa los contenidos del archivo original (mediante los
nodos del árbol) sino que también representa sus relaciones (mediante las ramas del
árbol queconectan los nodos).
Aunque en ocasiones DOM se asocia con la programación web y con JavaScript, la API
de DOM es independiente de cualquier lenguaje de programación. De hecho, DOM está
disponible en la mayoría de lenguajes de programación comúnmente empleados.
Si se considera la siguiente página HTML sencilla:




Página sencilla


Esta página es muy sencilla



Antes de poderutilizar las funciones de DOM, los navegadores convierten
automáticamente la página HTML anterior en la siguiente estructura de árbol de nodos:

TECNOLOGIA WEB II

Ing. Carlos Cruz Pérez

DOM

2

Figura 4.1. Representación en forma de árbol de la página HTML de ejemplo
La página HTML se ha transformado en una jerarquía de nodos, en la que el nodo raíz
es un nodo de tipo documento HTML. Apartir de este nodo, existen dos nodos en el
mismo nivel formados por las etiquetas y . De cada uno de los anteriores
surge otro nodo ( y respectivamente). Por último, de cada nodo anterior
surge otro nodo de tipo texto.
Antes de poder utilizar la API de DOM, se construye de forma automática el árbol para
poder ejecutar de forma eficiente todas esas funciones. De este modo, para utilizarDOM es imprescindible que la página web se haya cargado por completo, ya que de
otro modo no existe el árbol de nodos y las funciones DOM no pueden funcionar
correctamente.
La ventaja de emplear DOM es que permite a los programadores disponer de un control
muy preciso sobre la estructura del documento HTML o XML que están manipulando.
Las funciones que proporciona DOM permiten añadir,eliminar, modificar y reemplazar
cualquier nodo de cualquier documento de forma sencilla.
La primera especificación de DOM (DOM Level 1) se definió en 1998 y permitió
homogeneizar la implementación del DHTML o HTML dinámico en los diferentes
navegadores, ya que permitía modificar el contenido de las páginas web sin necesidad
de recargar la página entera.

TECNOLOGIA WEB II

Ing. Carlos CruzPérez

DOM

3

4.2. Tipos de nodos
Los documentos XML y HTML tratados por DOM se convierten en una jerarquía de
nodos. Los nodos que representan los documentos pueden ser de diferentes tipos. A
continuación se detallan los tipos más importantes:
Document: es el nodo raíz de todos los documentos HTML y XML. Todos los

demás nodos derivan de él.
DocumentType: es el nodo que contiene larepresentación del DTD empleado en
la página (indicado mediante el DOCTYPE).
Element: representa el contenido definido por un par de etiquetas de apertura y
cierre (...) o de una etiqueta abreviada que se abre y
se cierra a la vez (). Es el único nodo que puede tener tanto nodos
hijos como atributos.
Attr: representa el par nombre-de-atributo/valor.
Text: almacena el contenido del texto que...