Come cambiare il colore del testo in JavaScript

Cambiare il colore del testo influisce sul design delle pagine web.

Passaggio 1

Crea elementi HTML che contengono testo. Questo esempio mostra come creare tre tag che possono utilizzare le funzioni JavaScript create nei seguenti passaggi: Modificare il colore di Div (cambiare il colore di Div)

Cambia il colore del testo di questo paragrafo. (Cambia il colore del testo di questo paragrafo). Cambia il tag di colore span

Passaggio 2

Crea la funzione per il tag div. La seguente funzione JavaScript accetta il tag div creato nel passaggio 1 e cambia il colore in rosso: function divColorChange () {document.getElementById ('myDiv'). Style.color = '# FF0000';}

Passaggio 3

Cambia il colore dell'etichetta del paragrafo. La seguente funzione JavaScript cambia il colore del testo dell'elemento dal paragrafo creato nel passaggio 1 in bianco: function for ColorChange () {document.getElementById ('myParagraph'). Style.color = '# 000000';}

Passaggio 4

Cambia il colore dell'etichetta di espansione. Infine, cambia l'etichetta di testo in nero con il seguente codice: {document.getElementById ('mySpan'). Style.color = '#FFFFFF';}

Passaggio 5

Crea pulsanti per richiedere le funzioni JavaScript. Le funzioni vengono create ma non accade nulla finché non le chiedi nel codice HTML. Il codice seguente crea pulsanti. Quando un utente fa clic su uno dei pulsanti, viene richiamata la funzione JavaScript corrispondente: