• 0
Sign in to follow this  
adrianomerett

Pegar Código HTML dentro de uma div

Question

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.

Share this post


Link to post
Share on other sites

3 answers to this question

Recommended Posts

  • 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());

Edited by fiote

Share this post


Link to post
Share on other 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???

Share this post


Link to post
Share on other 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.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this