Aqui você verá artigos sobre JavaScript
Moderador: web
por web Offline » Sex Nov 02, 2007 5:52 pm
|
A difença básica entre ambos pode ser facilmente entendida com esse exemplo:
<a href="#" onclick="alert(this.innerHTML)">innerHTML</a>
<a href="#" onclick="alert(this.outerHTML)">outerHTML</a>
Clicando no primeiro link, será exibido: innerHTML
Isso porque o alert estará retornando o que o objeto contém, no caso seria o texto do href.
Clicando no segundo link, será exibido:
<a href="#" onclick="alert(this.outerHTML)">outerHTML</a>
Ou seja, todo o objeto clicado.
Veja nesse exemplo abaixo usando o innerHTML e o outerHTML:
- Código: Selecionar todos
<script type="text/javascript">
function troca_texto() {
document.getElementById('conteudo').innerHTML='novo texto';
}
function troca_div() {
// só IE
var nova_div = '<div style="border:1px solid #000000;">nova div</div>';
document.getElementById('conteudo').outerHTML=nova_div;
}
</script>
<div id="conteudo" style="border:1px solid #cccccc;">texto dentro da div</div>
<a href="javascript:troca_texto()">troca texto</a>
<a href="javascript:troca_div()">troca div</a>
Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.
Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com
web
ADMIN
Mensagens: 12425
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
Voltar para Artigos sobre JavaScript
Quem está online
Usuários navegando neste fórum: Nenhum usuário registrado e 1 visitante
