UNIDAD IV.

PROCESAMIENTO DEL LADO DEL CLIENTE

EQUIPO 3

4.2 MODELO DE OBJETOS CON LENGUAJE SCRIPT

El Modelo de Objetos del Documento (DOM) es una interfaz de programacin de aplicaciones (API) para documentos validos HTML y bien construidos XML. Define la estructura lgica de los documentos y el modo en que se accede y manipula. En la especificacin DOM, el trmino "documento" es utilizado en un sentido amplio - the term "document" is used in the broad sense - cada vez ms XML es utilizado como un medio de representar muchas clases diferentes de informacin que puede ser almacenada en sistemas diversos, y mucha de esta informacin se vera, en trminos tradicionales, ms como datos que como documentos. Sin embargo, XML presenta estos datos como documentos, y se puede utilizar DOM para manejar estos datos.

Con el Modelo de Objetos del Documento, los programadores pueden construir documentos, navegar por su estructura, y aadir, modificar, o eliminiar elementos y contenido. Se puede acceder a cualquier cosa que se encuentre en un documento HTML o XML, modificando, borrando o aadiendo utilizando el Modelo de Objetos del Documento, con algunas excepciones - en particular, an no se han especificado aplicaciones DOM para los subconjuntos interneto y externos de XML.

Ejemplo: Imprimir un mensaje y abrir una nueva ventana mediante DOM

Las cadenas en Javascript son objetos y por lo tanto tienen mtodos y atributos. En las lneas 4 y 5 se presenta ejemplos de ellos que facilmente pueden deducir su finalidad.
La lnea 6 imprime la cadena en el body. La lnea 8 abre una pgina nueva, la funcin open tiene como parmetros la pgina que abrira, y el lugar donde lo har en este caso _self sustituye la pgina actual

 Ejemplo: Imprimir un saludo en la pantalla dependiente de la hora de la mquina cliente

En la lnea 4 hacemos una instancia de la clase Date.
getHours extrae la hora del lado cliente (Lnea 6) Escribimos en el documento el mensaje: document.write( saludo() )

 getElementById
Permite obtener la referencia a un elemento de la pgina mediante el id de dicho elemento. Una vez obtenida la referencia al elemento, podemos acceder a todas sus propiedades

 innerHTML
Sirve para obtener o modificar el HTML del documento HTML. Se utiliza la propiedad InnerHtml para modificar mediante programacin el contenido interno entre las etiquetas de apertura y cierre de un control de servidor HTML. La propiedad InnerHtml no codifica automticamente los caracteres especiales en entidades HTML, es el programador el responsable de hacerlo.

Ejemplo: Crear una lista con vietas no ordena en forma dinmica

En la lnea 4 creamos un vector de das de la semana. En la lnea 11 modificamos el contenido del elemento llamado contenedor.