Laboratorio de Desarrollo de Aplicaciones Web

Mgter. Jos Sulla,

Sesin 5: Javascript y Document Object Model (DOM)

I. OBJETIVOS

- Conocer los fundamentos de DOM
- Utilizar los conceptos de DOM para acceder a los objetos de una pgina web.

II. TEMAS A TRATAR

DOM

III. MARCO TEORICO

El Document Object Model o DOM ('Modelo de Objetos del Documento') es esencialmente una
interfaz de programacin de aplicaciones (API) que proporciona un conjunto estndar de objetos
para representar documentos HTML y XML, un modelo estndar sobre cmo pueden combinarse
dichos objetos, y una interfaz estndar para acceder a ellos y manipularlos. A travs del DOM, los
programas pueden acceder y modificar el contenido, estructura y estilo de los documentos HTML
y XML, que es para lo que se dise principalmente.
El navegador web construye un modelo de la pgina web (el documento) que incluye todos los
objetos de la pgina (etiquetas, texto, etc.)
El DOM es una interfaz de programacin de aplicaciones para acceder, aadir y cambiar
dinmicamente contenido estructurado en documentos con lenguajes como JavaScript.

IV. ACTIVIDADES (La prctica tiene una duracin de 2 horas)
1. En el editor de su preferencia, escriba en el archivo dom.html el siguiente cdigo



Laboratorio de Desarrollo de Aplicaciones Web
Mgter. Jos Sulla,







Laboratorio de Desarrollo de Aplicaciones Web
Mgter. Jos Sulla,


2. Ejecute la aplicacin en el navegador.
V. Ejercicios

1. Implemente todas las caractersticas desarrolladas en las sesiones de laboratorio a su
proyecto.


VI. Cuestionario

1. Qu es DOM?
2. Cmo se accede a los objetos de una pagina web?

VII. Bibliografa y referencias

Robin Nixon, PHP, MYSQL, JavaScript, CSS & HTML5 , OReilly, 2014