JavaScript HTML DOM

---

Tabla de contenido

Tutorial de JavaScript
Introducción a JavaScript
JavaScript Dónde
Salida de JavaScript
Declaraciones de JavaScript
Sintaxis de JavaScript
Comentarios de JavaScript
Variables de JavaScript
JavaScript deja
constante de JavaScript
Operadores de JavaScript
Aritmética de JavaScript
Asignación de JavaScript
Tipos de datos de JavaScript
Funciones de JavaScript
Objetos JavaScript
Eventos de JavaScript
Cadenas de JavaScript
Métodos de cadena de JavaScript
Búsqueda de cadenas de JavaScript
Literales de plantilla de JavaScript
Números de JavaScript
JavaScript grandeint
Métodos numéricos de JavaScript
Propiedades de números de JavaScript
Matrices de JavaScript
Métodos de matriz de JavaScript
Ordenación de matrices de JavaScript
Iteración de matriz de JavaScript
constante de JavaScript
Objetos de fecha de JavaScript
Formatos de fecha de JavaScript
Métodos de fecha de JavaScript
Métodos de configuración de fechas de JavaScript
Objeto matemático de JavaScript
JavaScript aleatorio
Booleanos de JavaScript
Comparación de JavaScript y operadores lógicos
JavaScript si no si no si no
Declaración de cambio de JavaScript
JavaScript para bucle
JavaScript para en
JavaScript para de
JavaScript mientras bucle
JavaScript romper y continuar
Iterables de JavaScript
Conjuntos de JavaScript
Mapas JavaScript
tipo de JavaScript
Conversiones de tipos de JavaScript
JavaScript bit a bit
Objeto RegExp de JavaScript
Precedencia de operadores de JavaScript
Errores de JavaScript al intentar capturar y lanzar
Alcance de JavaScript
Elevación de JavaScript
JavaScript "uso estricto"
JavaScript esto
Función de flecha de JavaScript
Clases de JavaScript
Módulos JavaScript
javascript json
Depuración de JavaScript
Guía de estilo de JavaScript
Mejores prácticas de JavaScript
Errores de JavaScript
Rendimiento de JavaScript
Palabras reservadas de JavaScript
Versiones de JavaScript
Javascript ES5
Javascript ES6
JavaScript ECMAScript 2016
JavaScript ECMAScript 2017
JavaScript ECMAScript 2018
Javascript ES2019
JavaScript ECMAScript 2020
JavaScript ECMAScript 2021
JavaScript IE y borde
Historia de JavaScript
Objetos JavaScript
Propiedades de JavaScript
Métodos JavaScript
Objetos de visualización de JavaScript
Accesores de JavaScript
Constructores de JavaScript
Prototipos de JavaScript
Iterables de JavaScript
Conjuntos de JavaScript
Mapas JavaScript
Métodos de objetos JavaScript ES5
Definiciones de funciones de JavaScript
Parámetros de la función JavaScript
Invocación de función de JavaScript
Método de llamada de función JavaScript()
Función JavaScript aplicar() Método
Función JavaScript método bind()
Cierres de funciones de JavaScript
Clases de JavaScript
Herencia de clases de JavaScript
Métodos estáticos de JavaScript
Devoluciones de llamada de JavaScript
JavaScript asíncrono
Promesas de JavaScript
JavaScript asíncrono
JavaScript HTML DOM
Métodos DOM de JavaScript
Documento DOM de JavaScript
Elementos DOM de JavaScript
HTML DOM JavaScript
Validación de formularios JavaScript
JavaScriptDOMCSS
Animación DOM de JavaScript
Eventos DOM de JavaScript
Escucha de eventos DOM de JavaScript
Navegación DOM de JavaScript
Nodos DOM de JavaScript
Colecciones DOM de JavaScript
Lista de nodos DOM de JavaScript
Ventana de JavaScript
Pantalla de ventana de JavaScript
Ubicación de la ventana de JavaScript
Historial de ventanas de JavaScript
Navegador de ventanas de JavaScript
Cuadros emergentes de JavaScript
Eventos de sincronización de JavaScript
Cookies de JavaScript
API web
Validación de formularios JavaScript
API de historial web
API de almacenamiento web
API de trabajadores web
API de recuperación de JavaScript
API de geolocalización
Introducción a AJAX
AJAX El objeto XMLHttpRequest
Solicitud AJAX XMLHttp
Respuesta del servidor AJAX XMLHttpRequest
XML-AJAX
PHP
ASP AJAX
Base de datos AJAX
Aplicaciones XML
Ejemplos de AJAX
Introducción a JSON
Sintaxis JSON
JSON frente a XML
Tipos de datos JSON
JSON.parse()
JSON.stringify()
Literales JSON
Matrices JSON
Servidor JSON
JSONPHP
HTML JSON
JSONP
Selectores jQuery
Elementos HTML de jQuery
Estilos CSS de jQuery
jQueryDOM
Gráficos HTML
Lienzo HTML
Plotly.js
Gráfico.js
Gráfico de Google
D3.js
Ejemplos de JavaScript
Ejemplos de JavaScript HTML DOM
Ejemplos de entrada HTML de JavaScript
Ejemplos de objetos HTML de JavaScript
Ejemplos de eventos de JavaScript
Ejemplos de objetos del navegador JavaScript
Mostrar tabla de contenidos

---

---

Con HTML DOM, JavaScript puede acceder y cambiar todos los elementos de un HTML. documento.

---

El HTML DOM (modelo de objetos de documento)

Cuando se carga una página web, el navegador crea un Documento Omodelo Ode la página.

El modelo HTML DOM se construye como un árbol de Objetos:

Con el modelo de objetos, JavaScript obtiene todo el poder 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 de la página.

• JavaScript puede cambiar todos los estilos CSS de 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 próximos 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 ante eventos HTML DOM

• Cómo agregar y eliminar elementos HTML

---

---

¿Qué es el DOM?

El DOM es un estándar del W3C (World Wide Web Consortium).

El DOM define un estándar para acceder a documentos:

"El Modelo de Objetos de Documento (DOM) del W3C es una plataforma y un lenguaje neutrales. interfaz que permite a los programas y scripts acceder y actualizar dinámicamente el contenido, estructura y estilo de un documento."

El estándar W3C DOM se divide en 3 partes diferentes:

• Core DOM: modelo estándar para todo tipo de documentos

• XML DOM: modelo estándar para documentos XML

• HTML DOM: modelo estándar para documentos HTML

¿Qué es el DOM HTML?

El DOM HTML es un modelo de objeto estándar y 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: HTML DOM es un estándar sobre cómo obtener, cambiar, agregar o eliminar elementos HTML.