Ir para conteúdo
Fórum Script Brasil
  • 0

Pegar Código HTML dentro de uma div


adrianomerett

Pergunta

Olá pessoal boa tarde, estou precisando de uma ajudinha de vocês. Preciso armazenar todo o código html de uma div em uma variável, e depois printá-la, pera eu copiar o código html.

seria mais ou menos assim:

<body>

<div id="teste">

<table width="100%" border="1">

<tr>

<td>Meu conteudo blablaba</td>

<td>Meu conteudo blablaba</td>

<td>Meu conteudo blablaba</td>

<td>Meu conteudo blablaba</td>

</tr>

</table>

<form name="" action="" method="post" enctype="multipart/form-data">

<input type="text" name="nome" />

<input type="submit" name="enviar" value="Enviar" />

</form>

</div>

</body>

Queria pegar tudo o que esta dentro da div teste contado com conteudo e o código html e imprimir na tela.

tentei desta forma aqui mas não deu certo.

<script type="text/javascript">

var PegaCodigo = document.getElementById('teste').innerHTML;

document.write(PegaCodigo);

</script>

Assim ele só me traz o conteudo, e não traz o html que esta dentro div teste gostaria que ele imprimisse o html também.

Aguardo resposta desde já muito obrigado.

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0
Assim ele só me traz o conteudo, e não traz o html que esta dentro div teste gostaria que ele imprimisse o html também.

Não exatamente. Ele ESTÁ trazendo o html. Se você der um alert na PegaCodigo, verá todas as tags lá. O problema é que, quando você dá o document.write, o javascript logicamente interpreta o html e gera os elementos, inputs, textos e o código-fonte desaparece, como era de se esperar.

Tente assim:

String.prototype.viraHTML = function () {                                        
  return(                                                                 
    this.replace(/>/g,'&gt;').
         replace(/</g,'&lt;').
         replace(/"/g,'&quot;')
  );
};

var PegaCodigo = document.getElementById('teste').innerHTML;
document.write(PegaCodigo.viraHTML());

Editado por fiote
Link para o comentário
Compartilhar em outros sites

  • 0
&lt;script type="text/javascript">

var PegaCodigo = document.getElementById('teste').innerHTML;

document.write(PegaCodigo);

</script>

Lendo esse post fiquei com uma duvida pessoal se vocês poderem me ajudar ficarei grato!

estava querendo fazer o seguinte: quando eu abrir uma pagina .html o javascript pegasse o conteudo de dentro da div de outro site e mostrasse na tela...entenderam???

Link para o comentário
Compartilhar em outros sites

  • 0

Se o 'outro site' for seu, dá pra fazer. Se for de outro lugar, não dá.

Não deve ser o que você quer fazer, mas por motivos de segurança isso impede que eu abra o site do bancodobrasil num iframe, copie/cole o conteúdo dele e altere o formulário pra enviar as informações de conta/agencia/senha pro meu e-mail, por exemplo.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...