El objeto "Document"


Ahora vamos a jugar con algunas propiedades del objeto document. Hasta ahorita hemos utilzado cosas como:

document.forms[ ]...

.. el ejemplo arriba citado, hace referencia al arreglo forms del objeto documento. Dijimos que el arreglo forms[ ] tiene n elementos; donde n es el número de formas que contiene el documento. De la misma manera, se puede hacer referencia al arreglo anchors[ ] (anclas); el cual contiene las anclas del documento. De la misma manera, existen los arreglos images[ ], plugins[ ] y embeds[ ]. Algunas propiedades importantes son: bgColor, fgColor, vlinkColor y linkColor. Veamos los siguientes ejemplos:

<FORM>
<INPUT type=button value="bgColor" OnClick="changebgcolor();">
<INPUT type=button value="fgColor" OnClick="changefgcolor();">
<INPUT type=button value="linkColor" OnClick="changelinkcolor();">
</FORM>

 y luego veamos el código correspondiente a las 3 funciones:

function changebgcolor(){
if (document.bgColor=="#000000")
document.bgColor="#FFFFFF";
else
document.bgColor="#000000";
}

function changefgcolor(){
if (document.fgColor=="#000000")
document.fgColor="#FFFFFF";
else
document.fgColor="#000000";
}

function changelinkcolor(){
if (document.linkColor=="#FF0000" || document.linkColor=="#ff0000"){
document.linkColor="#0000FF";
document.vlinkColor="#0000FF";}
else{
document.linkColor="#FF0000";
document.vlinkColor="#FF0000";}
}

 NOTA: En la última función se puede ver que se valida el cumplimiento de cualquiera de las 2 condiciones: document.linkColor=="#FF0000" ó document.linkColor=="#ff0000". Esto se debe a que normalmente en JavaScript, al leer una variable que almacena un color, las letras se almacenan en minúsculas.

Entonces, podemos ver que al hacer click en los botones, se va cambiando el color de: El fondo de la página, el texto de la página o los links. A continuación, se pueden probar los ejemplos anteriores (no funcionan bien en Netscape).

Mas adelante, veremos como escribir a un documento de HTML usando JavaScript.

Regresar

El link de esta lección es: http://flores-morones.net/geo/roflo1/HTML/JavaScript/document.html (Se abre en toda la ventana).
<A href=../izq.html>&Iacute;ndice</A>