Como alterar a cor do texto em JavaScript

Passo 1

Crie elementos HTML que contenham texto. Este exemplo mostra como criar três tags que podem usar funções JavaScript criadas nas seguintes etapas: Alterar a cor do Div (alterar a cor do Div)

Altere a cor deste texto do parágrafo. (Muda a cor do texto deste parágrafo). Alterar a tag de cor da extensão

Passo 2

Crie a função para a tag div. A seguinte função JavaScript usa a tag div criada na etapa 1 e altera a cor para vermelho: function divColorChange () {document.getElementById ('myDiv'). Style.color = '# FF0000';}

Passo 3

Altere a cor do rótulo do parágrafo. A seguinte função JavaScript altera a cor do texto do elemento do parágrafo criado na etapa 1 para white: function para ColorChange () {document.getElementById ('myParagraph'). Style.color = '# 000000';}

Passo 4

Altere a cor do rótulo de expansão. Finalmente, altere o rótulo de texto para preto com o seguinte código: {document.getElementById ('mySpan'). Style.color = '#FFFFFF';}

Passo 5

Crie botões para solicitar funções JavaScript. As funções são criadas, mas nada acontece até que você as peça no código HTML. O código a seguir cria botões. Quando um usuário clica em um dos botões, a função JavaScript correspondente é chamada: