HTML and CSS Reference
In-Depth Information
value
deve essere diversa da stringa vuota). Se anche solo una non è valorizzata, si disa-
bilita il pulsante impostandone la proprietà
disabled
a
disabled
. Quando entrambe
le textbox sono valorizzate, la form apparirà come nella
figura 8.3
.
Figura 8.3
- La maschera di login una volta valorizzate entrambe le textbox.
Il recupero della proprietà
value
e l'impostazione della proprietà
disabled
è un esem-
pio molto banale di manipolazione di un oggetto del DOM. Se invece che abilitare e di-
sabilitare il pulsante decidessimo di renderlo visibile o invisibile, potremmo utilizzare il
seguente codice JavaScript:
Esempio 8.9
//bottone visibile
button.style.display = "block";
//bottone invisibile
button.style.display = "none";
Tramite la proprietà
style
possiamo modificare tutti gli stili CSS di un oggetto e quindi
modificare il modo in cui questo viene visualizzato.
Esistono tantissime proprietà e tantissimi metodi che possiamo utilizzare per recuperare
e/o modificare gli elementi del DOM. Elencare e mostrare tutte queste proprietà è fuori da-
gli scopi di questo libro. Tuttavia, nella
tabella 8.2
potete trovare i metodi e le proprietà più
comunemente usati.
Proprietà/metodo
Descrizione
Collega una funzione a un evento di un oggetto del DOM (il
click di un pulsante, il focus di una textbox ecc).
addEventListener
Restituisce un
Array
con tutti gli attributi HTML
dell'oggetto. È possibile aggiungere, modificare e rimuovere
elementi a questa proprietà.
attributes