JavaScript - Oggetti del documento

Oggetti del documento

Dopo aver visto alcuni oggetti forniti dal linguaggio, cioè quelli residenti, passiamo a vedere quelli che ci permettono di operare sul documento, tenendo ben presente che la serie di oggetti messa a disposizione è fortemente legata al tipo ed alla versione del programma di navigazione utilizzato. Infatti, potrebbe presentarsi il caso in cui, vi siano oggetti comuni a più versioni ma, differenti nei metodi implementati. Oppure, si potrebbero avere programmi di navigazione totalmente mancanti di diversi oggetti.

Per generalizzare il concetto, ci concentreremo sugli oggetti di base, cioè gli oggetti comuni a tutti i navigatori, iniziando da quello che consente di interagire con il documento stesso: l'oggetto document appunto.

In effetti, questo oggetto non è nuovo visto che, nel corso della nostra spiegazione è stato utilizzato diverse volte. Infatti, il nostro primo esempio riportava nel codice:

document.write("Ciao mondo!")

cioè: visualizza nel documento corrente il testo racchiuso fra i doppi apici.

E' importante notare che l'oggetto document dipende dall'oggetto window e che da esso dipende a sua volta una vera e propria gerarchia di proprietà. Naturalmente, ci troveremo in presenza di queste ultime solo ed esclusivamente avendo i relativi marcatori all'interno del codice html della pagina.

Per averne un'elenco completo, vi consiglio di consultare la manualistica riportata nei riferimenti, per adesso diamo un'occhiata alle principali:

Forms;
Anchors;
Links.

partendo dalla prima.

Forms

Non è altro che una matrice contenente una voce per ogni marcatore FORM presente all'interno del documento, mantenendo l'ordine di utilizzo all'interno di quest'ultimo:

---Document--+
             +-----Forms--+
                          |
                          +----- Prima form [0]
                          |
                          +----- Ultima form [n-1]

Proviamo quanto detto, utilizzando la proprietà associata length all'interno di questo codice di esempio:

<HTML>
<HEAD>
</HEAD>
<BODY>

Questo e' la prima form:<P>
<FORM NAME="PrimaForm">
<INPUT TYPE="text" NAME="TestoPrimaForm" VALUE="Form 1" SIZE=10>
<INPUT TYPE="button" NAME="PulsantePrimaForm" VALUE="Inattivo">
</FORM>
Questa è la seconda form:
<FORM NAME="SecondaForm">
<INPUT TYPE="text" NAME="TestoSecondaForm" VALUE="Form 2" SIZE=10>
<INPUT TYPE="button" NAME="PulsanteSecondaForm" VALUE="Inattivo">
</FORM>
<PRE>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</PRE>
</BODY>
</HTML>

In questo caso, se ci volessimo riferire al testo presente nella prima form potremmo scrivere nei due modi seguenti:

document.forms[0].TestoPrimaForm

document.forms["PrimaForm"].TestoPrimaForm

Anchors

E' una matrice contenente una voce per ogni marcatore A contenente un attributo NAME presente all'interno del documento. L'utilizzo è uguale a quello visto in precedenza con forms.

Links

E' simile ad anchors solo che anzichè prendere in considerazione il marcatore A in presenza di NAME lo fa con HREF=attributo.


		Copyright © 1998 - 2009 Antonio Magrì - Tutti i diritti riservati. Contatto.