Nwlapcug.com


Come modificare le proprietà CSS con Javascript

Come modificare le proprietà CSS con Javascript


Cascading Style Sheets (CSS) crea il layout e i colori visibili in una pagina Web. JavaScript è un software lato client utilizzato per il contenuto dinamico programma nella pagina. JavaScript può essere usato per manipolare le proprietà CSS sui controlli della pagina Web. JavaScript può cambiare colori, immagini, stili e testo nelle vostre proprietà CSS. Questo vi dà la possibilità di modificare la pagina Web dall'interazione dell'utente.

Istruzioni

1

Aprire il file HTML in un editor di testo. Può trattarsi di un'applicazione semplice e gratuita ad esempio Blocco note. Dopo aver aperto il file, scorrere verso il basso l'elemento che si desidera modificare. In questo esempio, un pulsante del form viene modificato.

2

All'interno del tag di modulo pulsante, immettere il seguente codice:
onClick="javascript:changeVisibility(this);"
L'evento "onClick" cambia la proprietà CSS quando l'utente fa clic sul pulsante. "changeVisibility" è una funzione creato per modificare la proprietà di visibilità. Infine, la notazione di "questa" Invia l'oggetto button alla funzione, così conosce quale pulsante per cambiare pagina.

3

Scorrere fino alla parte superiore della tua pagina HTML per creare la funzione Javascript. All'interno la "< head >" e "< / head >" tag, inserire le seguenti voci di tag Javascript:
< script type = "text/javascript" >< / script >
Questo denota un blocco di codice Javascript, quindi il file HTML contiene le istruzioni per eseguire i comandi invece traducendoli in formato HTML.

4

Utilizzare il codice seguente per modificare la proprietà CSS sull'elemento HTML:
funzione changeVisibility(button)
{
Button.Style.Visibility = "hidden"
}
In questo esempio di codice, il pulsante viene passato alla funzione. Quindi, la proprietà del pulsante CSS stile "visibilità" viene modificata in nascosti. Questo nasconde il pulsante da parte dell'utente, quindi non è visibile sulla tua pagina web.