English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Objeto Documento de HTML DOM

Objeto Document

El objeto Document es el propietario de todos los otros objetos en su página web.

El objeto Document es el nodo raíz del documento HTML, que representa su página web.

Para acceder a cualquier elemento en la página HTML, siempre se debe comenzar con el objeto Document.

Proporciona funcionalidades globales al documento, como cómo obtener la URL de la página y crear nuevos elementos en el documento.

Este ejemplo utiliza el método getElementsByld() para encontrar elementos HTML (con id="para"):

document.getElementById("para");
Prueba a ver‹/›

El objeto Document es el nodo raíz del documento HTML.

Propiedades del objeto Document

La siguiente tabla enumera las propiedades del objeto Document:

AtributoDescripción
activeElementDevuelve el elemento actual con el foco en el documento
baseURIDevuelve el URI básico absoluto del documento
bodyEstablecer o devolver el texto del cuerpo del documento (elemento)
cookieDevuelve la lista separada por punto y coma de las cookies del documento
characterSetDevuelve el conjunto de caracteres utilizado por el documento
defaultViewDevuelve el objeto de ventana asociado con el documento; si no hay objeto de ventana disponible, devuelve null
designModeObtener o establecer la capacidad de editar todo el documento
doctypeDevuelve la declaración de tipo de documento del documento actual
documentElementDevuelve el elemento Document que es el subelemento directo del documento (<html>elemento)
documentURIEstablece o devuelve la ubicación del documento en forma de cadena
domainDevuelve el nombre de dominio del servidor que carga el documento
embedsDevuelve todos los<embed>Lista de elementos
formsDevuelve todos los<form>Lista de elementos
fullscreenElementDevuelve el elemento que se muestra en modo de pantalla completa
fullscreenEnabledDevuelve un valor booleano que indica si se puede ver el documento en modo de pantalla completa
headDevuelve el<head>elemento
imagesDevuelve todos los<img>Lista de elementos
implementationDevuelve la implementación DOM asociada con el documento actual
lastModifiedDevuelve la fecha y hora de la última modificación del documento
linksDevuelve todos los elementos con el atributo href en el documento<a>y<area>Conjunto de elementos
readyStateDevuelve el estado de carga del documento
referrerDevuelve la URL del documento que carga el documento actual
scriptsDevuelve los<script>Lista de elementos
titleEstablece o devuelve el título del documento
URLDevuelve la URL completa del documento HTML en forma de cadena

Métodos del objeto Document

La siguiente tabla enumera los métodos del objeto Document:

MétodoDescripción
addEventListener()Añadir un gestor de eventos al documento
adoptNode()Adoptar un nodo de un documento externo
close()Cerrar el flujo de documento abierto anteriormente con document.open()
createAttribute()Crear un nodo de atributo
createComment()Crear un nuevo nodo de comentario con el texto especificado
createDocumentFragment()Crear un nuevo nodo de fragmento de documento
createElement()Crear un nuevo nodo de elemento con el nombre de etiqueta dado
createTextNode()Crear un nodo de texto
execCommand()Llamar a la operación de portapapeles especificada en el elemento con el foco actual
exitFullscreen()Deshacerse del elemento en modo de pantalla completa
getElementById()Devuelve el elemento con el atributo ID especificado
getElementsByClassName()Devuelve la lista de elementos con el nombre de clase dado
getElementsByName()Devuelve la lista de elementos con el nombre dado
getElementsByTagName()Devuelve una lista de elementos con el nombre de etiqueta dado
hasFocus()Devuelve true si el foco está en cualquier lugar dentro del documento especificado
importNode()Devuelve una copia clonada del nodo desde un documento externo
normalize()Elimina los nodos Texto vacíos y conecta los nodos adyacentes
normalizeDocument()Elimina los nodos Texto vacíos y conecta los nodos adyacentes
open()Abre un flujo de escritura para la escritura
querySelector()Devuelve el primer elemento que coincide con el selector CSS especificado en el documento
querySelectorAll()Devuelve una lista de todos los elementos que coinciden con el selector CSS especificado en el documento
removeEventListener()Elimina el administrador de eventos de un documento que tiene el método addEventListener() adjunto
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