Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17584
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Configurar elementos com innerHTML

19-04-2007 20:25

Nesse artigo vou mostrar como fazer algumas configurações em um texto com innerHTML.

Para esse artigo, vou usar o seguinte texto:

<p id="texto">meu texto aqui</p>

Note que ele está dentro da tag de parágrafo ( <p> ) e identificado pelo id: texto.

Agora vamos ver o script que irá fazer a alteração no texto acima.

<script> /* função que será ativada por um botão */ function troca() {   /* pegamos o texto através do id */ var velho = document.getElementById('texto').innerHTML;   /* pegamos o texto e colocamos com fonte azul */ var novo = "<font color='blue'>"+ velho +"</font>";   /* o texto é inserido novamente no p */ document.getElementById("texto").innerHTML=novo;   }/* fechamento da função */ </script>

Para chamar a função, usamos:

<input type="button" onclick="troca()" value="Trocar">

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado