Modelo de HTML Document Object, ou DOM, dá aos desenvolvedores da Web a capacidade de alterar qualquer elemento da Web que aparece em um site. Por exemplo, com um pouco de conhecimento sobre o DOM, você pode alterar a cor da fonte de uma textarea. A textarea é uma caixa de texto de várias linhas. É útil para a criação de formulários de entrada do usuário e editores de texto interativos. Para aplicar um efeito de mudança de cor a uma textarea, alterar as suas propriedades usando uma função javascript.
Abra uma das suas páginas da Web usando o bloco de notas ou um editor de HTML.
Localize o "
" seção, e adicione este código:Isso cria um controle textarea e um botão que irá mudar a sua cor da fonte quando clicado.
Adicione este código ao "
var controlToChange = "TextArea1";
var NewColor = "verde";
A primeira linha armazena o nome do controle para modificar na variável chamada "controlToChange." Note que este nome corresponde ao ID do controle textarea. A variável na segunda linha contém o nome da nova cor. Altere isso para qualquer cor que você gosta. Coloque o nome da cor entre aspas como mostrado acima.
Adicione esta função javascript abaixo das linhas anteriores de código:
changeColor function () {
tempObject = document.getElementById (controlToChange);
tempObject.style.color = NewColor;
}
Este código recupera uma referência para a área de texto e de controlo muda a sua cor de fonte, alterando o "style.color" propriedade.
Salve o documento HTML e abri-lo no seu browser. Digitar texto no textarea e clique no botão. A cor da fonte mudará para a cor que você definiu no código javascript.
dicas & avisos
- Você também pode alterar a cor de fundo do textarea, adicionando "tempObject.style.backgroundColor = NewColor" para o fim da função javascript.