Documento DOM de JavaScript

---

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

---

---

El objeto del documento HTML DOM es el propietario de todos los demás objetos de su página web.

---

El objeto de documento HTML DOM

El objeto del documento representa su página web.

Si desea acceder a cualquier elemento de una página HTML, siempre comience accediendo al objeto del documento.

A continuación se muestran algunos ejemplos de cómo puede utilizar el objeto documento para acceder y manipular HTML.

---

Encontrar elementos HTML

document.getElementById(id)

Encuentra un elemento por identificación de elemento

document.getElementsByTagName(name)

Buscar elementos por nombre de etiqueta

document.getElementsByClassName(name)

Buscar elementos por nombre de clase

---

Cambiar elementos HTML

element.innerHTML =  new html content

Cambiar el HTML interno de un elemento

element.attribute = new value

Cambiar el valor del atributo de un elemento HTML

element.style.property = new style

Cambiar el estilo de un elemento HTML

element.setAttribute(attribute, value)

Cambiar el valor del atributo de un elemento HTML

---

Agregar y eliminar elementos

document.createElement(element)

Crear un elemento HTML

document.removeChild(element)

Eliminar un elemento HTML

document.appendChild(element)

Agregar un elemento HTML

document.replaceChild(new, old)

Reemplazar un elemento HTML

document.write(text)

Escribir en el flujo de salida HTML

---

---

Agregar controladores de eventos

document.getElementById(id).onclick = function(){code}

Agregar código de controlador de eventos a un evento onclick

---

Encontrar objetos HTML

El primer HTML DOM Nivel 1 (1998) definió 11 objetos HTML, colecciones de objetos y propiedades. Estos todavía son válidos en HTML5.

Posteriormente, en HTML DOM Nivel 3, se agregaron más objetos, colecciones y propiedades.

document.anchors

Devuelve todos los elementos <a> que tienen un atributo de nombre. Nivel 1

document.applets

Obsoleto. Nivel 1

document.baseURI

Devuelve el URI base absoluto del documento. Nivel 3

document.body

Devuelve el elemento . Nivel 1

document.cookie

Devuelve la cookie del documento. Nivel 1

document.doctype

Devuelve el tipo de documento del documento. Nivel 3

document.documentElement

Devuelve el elemento <html>. Nivel 3

document.documentMode

Devuelve el modo utilizado por el navegador. Nivel 3

document.documentURI

Devuelve el URI del documento. Nivel 3

document.domain

Devuelve el nombre de dominio del servidor de documentos. Nivel 1

document.domConfig

Obsoleto.. Nivel 3

document.embeds

Devuelve todos los elementos <embed>. Nivel 3

document.forms

Devuelve todos los elementos . Nivel 1

document.head

Devuelve el elemento <head>. Nivel 3

document.images

Devuelve todos los elementos <img>. Nivel 1

document.implementation

Devuelve la implementación DOM. Nivel 3

document.inputEncoding

Devuelve la codificación del documento (conjunto de caracteres). Nivel 3

document.lastModified

Devuelve la fecha y hora en que se actualizó el documento. Nivel 3

document.links

Devuelve todos los elementos <area> y <a> que tienen un atributo href. Nivel 1

document.readyState

Devuelve el estado (de carga) del documento. Nivel 3

document.referrer

Devuelve el URI del referente (el documento de enlace). Nivel 1

document.scripts

Devuelve todos los elementos <script>. Nivel 3

document.strictErrorChecking

Devuelve si se aplica la comprobación de errores. Nivel 3

document.title

Devuelve el elemento . Nivel 1

document.URL

Devuelve la URL completa del documento. Nivel 1