Cum se schimbă culoarea textului în JavaScript

Modificarea culorii textului influențează designul paginilor web.

Pasul 1

Creați elemente HTML care conțin text. Acest exemplu arată modul de creare a trei etichete care pot utiliza funcțiile JavaScript create în următorii pași: Schimbați culoarea Div (schimbați culoarea Div)

Schimbați culoarea textului paragrafului. (Modifică culoarea textului din acest paragraf). Schimbați eticheta pentru culoarea Span

Pasul 2

Creați funcția pentru eticheta div. Următoarea funcție JavaScript are eticheta div creată în pasul 1 și modifică culoarea roșie: funcția divColorChange () {document.getElementById ('myDiv') Style.color = '# FF0000';}

Pasul 3

Modificați culoarea etichetei paragrafului. Următoarea funcție JavaScript modifică culoarea textului elementului din paragraful creat în pasul 1 în alb: funcția pentru ColorChange () {document.getElementById ('myParagraph'). Style.color = '# 000000';}

Pasul 4

Modificați culoarea etichetei de extensie. În cele din urmă, schimbați eticheta de text pe negru cu următorul cod: {document.getElementById ('mySpan') Style.color = '#FFFFFF';}

Pasul 5

Creați butoane pentru a solicita funcțiile JavaScript. Funcțiile sunt create, dar nu se întâmplă nimic până nu le cereți în codul HTML. Următorul cod creează butoane. Când un utilizator dă clic pe unul dintre butoane, se numește funcția JavaScript corespunzătoare: