Window Document Object

objeto Document

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

Objeto de documentoel nodo raíz del documento HTML.

Objeto de documentoesObjeto de ventanade los atributos.

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

Propiedades y métodos del objeto de documento

Las siguientes propiedades y métodos se pueden usar en el documento HTML:

Atributo / Método Descripción
activeElement Devuelve el elemento que tiene el foco actual 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 todos los cookies del documento.
createAttribute() Crea un nodo atributo.
createComment() Crea un nodo Comment con 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 con el 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 con el 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 ha cargado 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 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> con 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() adicional).
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 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 (en realidad, 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 provienen del nivel 0 DOM. Han sido Document.getElementsByTagName() reemplazado, pero aún se utiliza a menudo, ya que es muy conveniente.

método write()Cabe destacar que durante la carga y el 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 objeto llamado getElementById() muy útiles métodos. En el nivel 2 de DOM, este método ha sido transferido al interfaz Documento, ahora es heredado por HTMLDocument en lugar de estar definido por él.