lunes, 27 de abril de 2015

JavaScript - HTML DOM

El HTML DOM (Document Object Model)
Cuando se carga una página web, el navegador crea un Document Object Model de la página.

¿Qué es el DOM?
El DOM es un W3C (World Wide Web Consortium) estándar.

El DOM define un acceso estándar a los documentos:
El W3C del Modelo de Objetos del Documento (DOM) es una interfaz de la plataforma y del lenguaje neutro que permite a los programas y scripts acceder y actualizar dinámicamente el contenido, a la estructura y al estilo de un documento.

El W3C DOM estándar se separa en 3 partes:
Core DOM - modelo estándar para todos los tipos de documentos
DOM XML - modelo estándar para documentos XML
HTML DOM - modelo estándar para documentos HTML

¿Qué es el DOM HTML?
El DOM HTML es un objeto estándar del modelo y del interfaz de la programación HTML. 

Se define:
Los elementos HTML como objetos
Las propiedades de todos los elementos HTML
Los métodos para acceder a todos los elementos HTML
Los eventos de todos los elementos HTML

En otras palabras: El DOM HTML se trata de cómo obtener, cambiar, añadir o eliminar elementos HTML.

HTML DOM Árbol de objetos

Con el modelo de objetos, JavaScript recibe toda la energía que necesita para crear HTML dinámico:
JavaScript puede cambiar todos los elementos HTML de la página
JavaScript puede cambiar todos los atributos HTML en la página
JavaScript puede cambiar todos los estilos CSS en la página
JavaScript puede quitar elementos y atributos HTML existente
JavaScript puede agregar nuevos elementos y atributos HTML
JavaScript puede reaccionar a todos los eventos de HTML existentes en la página
JavaScript puede crear nuevos eventos HTML en la página


El HTML DOM modelo está construido como un árbol de objetos

No hay comentarios:

Publicar un comentario