Alterar a cor do texto em uma página web oferece aos usuários uma experiência inesperada interativo , e é uma das maneiras mais eficazes para influenciar o projeto do Web page. Um usuário pode alterar as cores de texto usando JavaScript e definições de estilo, usando uma das várias técnicas no código HTML. Instruções 1
Criar elementos HTML que contêm texto. Este exemplo mostra como criar três tags que podem usar as funções JavaScript criados nos próximos passos :
Mude a cor do
Mude este texto do parágrafo cor . Alterar a cor tag span
2
Crie a função para a tag div . A função JavaScript seguinte pega a tag div criou no passo 1 e muda sua cor para vermelho : função divColorChange () { document.getElementById (' myDiv ') style.color = ' # FF0000 '; . }
3
Alterar a cor da marca de parágrafo. A função JavaScript a seguir altera a cor do texto do elemento de parágrafo criou no passo 1 para o branco : função paraColorChange () { . Document.getElementById (' myParagraph ') style.color = ' # 000000 ';} 4
Alterar a cor na tag span. Finalmente , mude a marca de texto espaço para o preto com o seguinte código : function spanColorChange () { . Document.getElementById (' mySpan ') style.color = ' # FFFFFF ';} 5
Crie botões para chamar as funções de JavaScript. As funções são criadas, mas nada acontece até que você chamá-los 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 é chamado : < input type = valor " botão" = "Parágrafo Color" onclick = " paraColorChange () " /> < br >
