Как да промените цвета на текста в JavaScript

Промяната на цвета на текста влияе върху дизайна на уеб страниците.

Стъпка 1

Създайте HTML елементи, които съдържат текст. Този пример показва как да създадете три маркера, които могат да използват функциите на JavaScript, създадени в следните стъпки: Промяна на цвета на Div (промяна на цвета на Div)

Променете цвета на текста в този параграф. (Променя цвета на текста на този параграф). Променете маркера за цветовете на интервала

Стъпка 2

Създайте функцията за маркера div. Следната функция на JavaScript заменя маркера div, създаден в стъпка 1, и променя цвета на червено: функция divColorChange () {document.getElementById ('myDiv') Style.color = '# FF0000';}

Стъпка 3

Променете цвета на етикета на параграфа. Следната функция на JavaScript променя цвета на текста на елемента от параграфа, създаден в стъпка 1, до бяло: функция за ColorChange () {document.getElementById ('myParagraph').

Стъпка 4

Променете цвета на етикета за разширение. Накрая променете текстовия етикет на черен със следния код: {document.getElementById ('mySpan') Style.color = '#FFFFFF';}

Стъпка 5

Създайте бутони, за да заявите функциите на JavaScript. Функциите се създават, но нищо не се случва, докато не ги поискате в HTML кода. Следният код създава бутони. Когато потребителят кликне върху един от бутоните, се извиква съответната функция на JavaScript: