Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Claudio Escudero

innerHTML

Por , em Javascript

Recommended Posts

Claudio Escudero    0

Claudio Escudero
Postado

Oi, Por favor, Eu estou usando esse codigo no meu HTML, mas eu nao sei pq. ele esta adicionando de forma incorreta na minha tabela o conteudo que esta no innerHTML.Esta adicionando acima da tabela, alguem sabe me dizer pq?

<table border="1">	<tr><th>E-mail</th><th>Nome</th><th>Apelido</th></tr>	<div id="cadastro"></div></table><script language="javascript" type="text/javascript">	document.getElementById('cadastro').innerHTML="<tr><th>teste</th><th>teste</th><th>teste</th></tr>";</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

renanfog    0

renanfog
Postado

ta adicionando errado pq você ta jogando no div, e não na tabela...

então ele considera q aquelas linhas não fazem parte da tabela

faz assim:

 

<table border="1" id="cadastro"><tr><th>E-mail</th><th>Nome</th><th>Apelido</th></tr></table><script language="javascript" type="text/javascript">document.getElementById('cadastro').innerHTML+="<tr><th>teste</th><th>teste</th><th>teste</th></tr>";</script>

 

assim ele concatena no final do innerHTML

tem como inserir linhas pelo DOM, entra no www.w3schools.com e ve la

falou! :D

Compartilhar este post

Link para o post
Compartilhar em outros sites

renanfog    0

renanfog
Postado

Mais fácil, cara, faz do jeito certo

peguei esse exemplo no www.w3schools.com

 

 

<html><head><script type="text/javascript">function insRow(){var x=document.getElementById('myTable').insertRow(2)var y=x.insertCell(0)var z=x.insertCell(1)y.innerHTML="NEW CELL1"z.innerHTML="NEW CELL2"}</script></head><body><table id="myTable" border="1"><tr><td>Row1 cell1</td><td>Row1 cell2</td></tr><tr><td>Row2 cell1</td><td>Row2 cell2</td></tr><tr><td>Row3 cell1</td><td>Row3 cell2</td></tr><tr><td>Row4 cell1</td><td>Row4 cell2</td></tr><tr><td>Row5 cell1</td><td>Row5 cell2</td></tr></table><form><input type="button" onclick="insRow()" value="Insert row"></form></body></html>

 

tenta ai, qualquer coisa grita! http://forum.imasters.com.br/public/style_emoticons/default/yay.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito