JavaScript HTML DOM
Con HTML DOM, JavaScript puede acceder y cambiar todos los elementos de un documento HTML.
El HTML DOM (Modelo de objeto de documento)
Cuando se carga una página web, el navegador crea un modelo de objeto de documento de la página.
El modelo HTML DOM se construye como un árbol de objetos :
El árbol de objetos HTML DOM
Con el modelo de objetos, JavaScript obtiene todo el poder que necesita para crear HTML dinámico:
- JavaScript puede cambiar todos los elementos HTML en 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 eliminar elementos y atributos HTML existentes
- JavaScript puede agregar nuevos elementos y atributos HTML
- JavaScript puede reaccionar a todos los eventos HTML existentes en la página
- JavaScript puede crear nuevos eventos HTML en la página
Lo que vas a aprender
En los siguientes capítulos de este tutorial aprenderá:
- Cómo cambiar el contenido de los elementos HTML
- Cómo cambiar el estilo (CSS) de los elementos HTML
- Cómo reaccionar a los eventos HTML DOM
- Cómo agregar y eliminar elementos HTML
¿Qué es el DOM?
El DOM es un estándar W3C (World Wide Web Consortium).
El DOM define un estándar para acceder a los documentos:
"El Modelo de Objetos de Documento (DOM) del W3C es una plataforma e interfaz de lenguaje neutral que permite que los programas y scripts accedan y actualicen dinámicamente el contenido, la estructura y el estilo de un documento".
El estándar W3C DOM se divide en 3 partes diferentes:
- Core DOM: modelo estándar para todos los tipos de documentos
- XML DOM - modelo estándar para documentos XML
- HTML DOM - modelo estándar para documentos HTML
¿Qué es el HTML DOM?
El HTML DOM es un modelo de objeto estándar y una interfaz de programación para 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 para todos los elementos HTML
En otras palabras: el HTML DOM es un estándar sobre cómo obtener, cambiar, agregar o eliminar elementos HTML.