Differenze tra le versioni di "JavaScript/Oggetto document"

m
+ moduli
m (+ images)
m (+ moduli)
Tra le proprietà del documento HTML la più rilevante è <code>document.title</code>, che permette di accedere al titolo del documento (etichetta <code>&lt;title&t;</code>.
 
=== Accedere ai link nella pagina ===
Il primo attributo che ci permette realmente di accedere agli elementi della pagina è l'array <code>links</code> che restituisce un riferimento agli oggetti &lt;a&gt; presenti nel documento:
<source lang=javascript>var l = document.links[0]; //restituisce un riferimento al primo link nella pagina
 
L'oggetto <code>image</code> espone come proprietà gli attributi di qualsiasi immagine HTML, come <code>src</code>, <code>border</code>, ecc... Presenta inoltre un'interessate proprietà <code>complete</code> che restituisce true se l'immagine è già stata caricata dal browser.
 
== Accedere ai moduli ==
Per ultimo trattiamo, in quanto introduce un argomento piuttosto vasto, l'array <code>document.forms[]</code> che, come si potrà facilmente intuire, permette di accedere a tutti gli elementi &lt;form&gt; nella pagina (moduli HTML).
 
Per accedere a ciascun form nella pagina possiamo utilizzare tre metodi:
<source lang=javascript>
document.forms[0] //accede al primo form nella pagina
document.forms["dati"] //accede al form con name="dati"
document.dati //forma abbreviata
</source>
 
Il metodo presenta due interessanti metodi:
* '''reset()''' che resetta i valori dei campi nei moduli (come cliccare sul pulsante "reset" del form)
* '''submit()''' invece invia il form (come cliccare sul pulsante "submit" o "invia" del modulo)
 
Questo da la possibilità di inviare il modulo per esempio al semplice click di un collegamento oppure di aniticipare il normale invio dei dati:
<source lang=html4strict>
<form name="opz">
<select name="opzione" onchange="document.opz.submit()">
<option value="modifica">modifica</option>
<option value="elimina">elimina</option>
<option value="...">...</option>
</select>
</form>
</source>
In questo modo il form si invia automaticamente quando l'utente sceglie un'opzione dal menu a discesa, senza l'utilizza del pulsante di invio.
 
L'oggetto presenta anche alcune proprietà corrispondenti agli attributi dell'oggetto HTML &lt;form&gt;, quali '''action''', '''encoding''', '''method''', '''name''' e '''target'''.<br/>
Presenta infine l'utile array <code>elements[]</code> che permette di accedere agli elementi del form:
<source lang=javascript>
document.dati.elements[0] //accede al primo elemento del form
document.dati.elements["opzione"] //accede al campo con name="opzione"
document.dati.opzione //forma abbreviata
</source>
 
L'oggetto restituito da questo array dipende dal tipo di oggetto a cui accede: potrà essere un campo di testo, un pulsante oppure una ''textarea''.
 
[[Categoria:JavaScript|Oggetto document]]
8 469

contributi