Enunciamos las principales propiedades del objeto document del DOM.
- activeElement: Devuelve el objeto de la página que tiene el foco en ese momento, normalmente un campo de un formulario.
- doctype: Proporciona el objeto definido por la etiqueta <doctype> de html.
- head: Obtiene el objeto que representa la cabecera de la página.
- body: Devuelve el objeto que representa el cuerpo de la página. <body>
- title: Se trata del título del documento que aparece en la etiqueta <title> de html.
- referrer: Indica la url del documento que llamó al actual a través de un enlace. Se obtendrá una cadena vacía la página actual no ha sido cargada mediante un enlace.
- cookie: Devuelve en forma de cadena los valores de todas las cookies almacenadas y asociadas al documento, separadas por punto y coma. Es posible modificar las cookies si realizamos una asignación sobre la propiedad.
- URL: Indica la URL de la página actual. Es el mismo valor que se obtiene con location.ref
Ejemplo
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Propiedades del objeto document</title> </head> <body> <script> alert ('para ver los console.log debe abrir la herramienta de desarrollo del navegador'); console.log (document.doctype.name); //"html" console.log (document.title); // "Propiedades del objeto document" </script> </body> </html>
Ejecutar ejemplo (debe abrir la consola en la herramienta de desarrollo del navegador)
