Objeto Document de HTML DOM

objeto Document

Cuando el documento HTML se carga en el navegador web, se convierte en unObjeto de documento.

Objeto de documentoes el nodo raíz del documento HTML.

Objeto de documentoesObjeto de ventanade las propiedades.

Se puede acceder a las propiedades de la siguiente maneraObjeto de documento:

window.document o simplemente document

Ejemplo

let url = window.document.URL;

Prueba por ti mismo

let url = document.URL;

Prueba por ti mismo

Atributos y métodos del objeto de documento

Los siguientes atributos y métodos se pueden usar en el documento HTML:

Atributo / Método Descripción
all[] Devuelve una referencia a todos los elementos HTML del documento.
activeElement Devuelve el elemento actualmente enfocado en el documento.
addEventListener() Adjunta un gestor de eventos al documento.
adoptNode() Adopta un nodo de otro documento.
anchors Descontinuado.
applets Descontinuado.
baseURI Devuelve el URI de base absoluto del documento.
body Establece o devuelve el cuerpo del documento (elemento <body>).
charset Descontinuado.
characterSet Devuelve la codificación de caracteres del documento.
close() Cierra la secuencia de salida abierta anteriormente con document.open().
cookie Devuelve el nombre/valor de todas las cookies del documento.
createAttribute() Crea un nodo atributo.
createComment() Crea un nodo Comment con el texto especificado.
createDocumentFragment() Crea un nodo DocumentFragment vacío.
createElement() Crea un nodo de elemento.
createEvent() Crea un nuevo evento.
createTextNode() Crea un nodo de texto.
defaultView Devuelve el objeto ventana asociado al documento, o null si no está disponible.
designMode Controla si todo el documento debe ser editable.
doctype Devuelve la declaración de tipo de documento asociada al documento.
documentElement Devuelve el elemento Document del documento (elemento <html>).
documentMode Descontinuado.
documentURI Establece o devuelve la ubicación del documento.
domain Devuelve el nombre de dominio del servidor que carga el documento.
domConfig Descontinuado.
embeds Devuelve la colección de todos los elementos <embed> del documento.
execCommand() Descontinuado.
forms Devuelve la colección de todos los elementos <form> del documento.
getElementById() Devuelve el elemento con el atributo ID que tiene el valor especificado.
getElementsByClassName() Devuelve todos los elementos que tienen el nombre de clase especificado. HTMLCollection.
getElementsByName() Devuelve todos los elementos activos que tienen el nombre especificado. NodeList.
getElementsByTagName() Devuelve todos los elementos que tienen el nombre de etiqueta especificado. HTMLCollection.
hasFocus() Devuelve un valor booleano que indica si el documento tiene el foco.
head Devuelve el elemento <head> del documento.
images Devuelve la colección de todos los elementos <img> del documento.
implementation Devuelve el objeto DOMImplementation que maneja este documento.
importNode() Importa un nodo de otro documento.
inputEncoding Descontinuado.
lastModified Devuelve la fecha y hora de la última modificación del documento.
links Devuelve la colección de elementos <a> y <area> que tienen el atributo href en el documento.
normalize() Elimina los nodos de texto vacíos y conecta los nodos adyacentes.
normalizeDocument() Descontinuado.
open() Abre el flujo de salida HTML para recopilar la salida de document.write().
querySelector() Devuelve el primer elemento que coincide con el selector CSS especificado en el documento.
querySelectorAll() Devuelve un NodeList estático que contiene todos los elementos que coinciden con el selector CSS especificado en el documento.
readyState Devuelve el estado (carga) del documento.
referrer Devuelve la URL del documento que ha cargado el documento actual.
removeEventListener() Elimina el gestor de eventos del documento (ya utilizado Método addEventListener() Adicionalmente).
renameNode() Descontinuado.
scripts Devuelve la colección de elementos <script> del documento.
strictErrorChecking Descontinuado.
title Establece o devuelve el título del documento.
URL Devuelve la URL completa del documento HTML.
write() Escribe una expresión HTML o código JavaScript en el documento.
writeln() Igual que write(), pero agrega un salto de línea después de cada línea de instrucción.

Descripción del objeto Document

La interfaz HTMLDocument extiende la interfaz DOM Document, definiendo atributos y métodos específicos de HTML.

Muchos atributos y métodos son objetos HTMLCollection (de hecho, son arreglos o arrays indexados por nombre de solo lectura), que almacenan referencias a anclajes, formularios, enlaces y otros elementos scriptables.

Estas propiedades de conjunto se originan en el nivel 0 del DOM. Han sido Document.getElementsByTagName() Reemplazado, pero aún se utiliza con frecuencia, ya que es muy conveniente.

Método write()Cabe destacar que en el proceso de carga y análisis del documento, permite que un script inserte contenido generado dinámicamente en el documento.

Atención, en el nivel 1 de DOM, HTMLDocument define un método llamado getElementById() Métodos muy útiles. En el nivel 2 de DOM, este método se ha transferido al interfaz Documento, ahora es heredado por HTMLDocument en lugar de estar definido por él.