Jerarquía de objetos en JavaScript: objeto DOCUMENT

El objeto document se construye a partir de la marca BODY de HTML. Sobre él pueden actuar los eventos: onClick, onDblClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseUp.

Resumen de propiedades del objeto document

Arrays de elementos contenidos en el documento actual
plugins array de plugins del documento
layers array que contiene las capas del documento
images array que contiene las imágenes cargadas en el documento
applets array que contiene los applets del documento
links array que contiene los enlaces del documento
forms array que contiene los formularios definidos en el documento
anchors array que contiene los puntos de anclaje (anchors) del documento

Propiedades del documento (elemento BODY)
bgColor Color de fondo del documento (atributo BGCOLOR de HTML)
linkColor Color de los enlaces (atributo LINK de HTML)
alinkColor Color de los enlaces activos (atributo ALINK de HTML)
vlinkColor Color de los enlaces visitados (atributo VLINK de HTML)
fgColor Color por defecto del texto (atributo TEXT de HTML)
lastModified Fecha en la que fue modificado el documento por última vez
domain Nombre del servidor web del que procede el documento
title Título del documento (contenido de la marca TITLE de HTML)
URL URL completa del documento actual
referrer URL del documento a través del cual se cargó el documento actual

Resumen de métodos del objeto document

Métodos
close Cierra una corriente de datos abierta por el método open y hace que se muestren todos los elementos
getSelection Devuelve una cadena con el texto seleccionado por el usuario
handleEvent Llama a la función encargada de manejar un determinado evento
open Abre una corriente de datos para escribir en el documento (normalmente con los métodos write o writeln)
write Escribe texto a la corriente de datos del documento
writeln Igual que write pero finaliza el texto con un retorno de carro

Ejemplos:

1.- El siguiente ejemplo abre una nueva corriente de datos en un documento y escribe en ella:

function corriente ( )
{
// abre una corriente de datos
document.open();

// envía datos a la corriente
document.write («La corriente está abierta»);

// cierra la corriente de datos y visualiza los elementos
document.close();
}

// cuando se pulsa el botón, el documento actual se sustituye
// por los datos que se envían a la corriente de datos
<input type=»button» name=»Button» value=»Button» onClick=»corriente();»>

2.- El texto escrito por el método write durante la carga de una página será considerado como una expresión HTML y añadido tanto a la pantalla del navegador como a la estructura de objetos:

<html>
<body>

<script language=»javascript’>
document.write («<h1> Titulo </h1»>;
document.write («<p> Esto es un p&aacute;rrafo </p>»);

</script>

</body>
</html>

3.- El siguiente código muestra el nombre (si lo tienen) de todas las imágenes cargadas en el documento:

function imagenes ()
{
// se almacenan los nombres de las imágenes
// antes de abrir una nueva corriente de datos
var imagenes = new Array;
for (a=0; a<document.images.length; a++)
{
imagenes[a]= document.images[a].name;
}

// abre una corriente
document.open();

for (a=0;a<imagenes.length;a++)
{
// muestra el nombre y el índice de cada imagen
document.write (imagenes[a]+»&nbsp;&nbsp;&nbsp;»+a+»<br>»);
}

document.close();
}

Artículo (C) Epsilon Eridani.