remover uma tabela inteira...

[Insert 0]

Pessoal como posso remover uma tabela inteira de uma pagina pelo ID dela ex.:

 

<table border="0" cellspacing="0" cellpadding="0" id="001">
  <tr>
	<td> </td>
	<td> </td>
  </tr>
  <tr>
	<td> </td>
	<td> </td>
  </tr>
</table>

[andreia_sp 1]

Use o removeChild

[Insert 0]

fiz isso, mas quando removo a tabela, o espaço onde ela estava fica em branco ou seja, o que ta em baixo nao sobe para cima e fica aquela espao em branco onde esta a tabela.

 

Seria assim:

 

<table id="mae">

<table id="filha1">

<tr>

<td> </td>

<td> </td>

</tr>

</table>

<table id="filha2">

<tr>

<td> </td>

<td> </td>

</tr>

</table>

</table>

 

 

Quando remova a "filha1" o espaço onde ela estava fica em branco ao invez da "filha2" ocupar o espaço dela, ou seja subir entendeu?

 

O codigo ficou assim:

document.getElementById('mae').removeChild(document.getElementById(codigo_filha));

[andreia_sp 1]

Bom fiz um teste aqui e funcionou normal:

 

<script>
function remove(id)
{
var tabela = document.getElementById(id);
tabela.parentNode.removeChild(tabela);
}
</script>

<a href="java script: remove('filha1')">link</a>
<table id="mae" border="1">
<table id="filha1" border="1">
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<table id="filha2" border="1">
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</table>
teste

[Insert 0]

Fiz o seguinte ao invez de inserir uma tabela dentro de outra tabela, estou inserindo dentro de uma div agora funcionandou quando excluo uma tabela, as demias que estao abaixo dela vao apra acima e nao fica o espaõ em branco.

 

Obrigado.

[andreia_sp 1]

você testou o exemplo que eu postei?

[Insert 0]

sim, tinha dado a mesma coisa...

 

Sabe me dizer como eu pego o id da tabla de uma celula?

 

Ex.:

 

<table id="001">

<tr>

<td><input type="button" onclick='remover(this)' /></td>

<td> </td>

</tr>

</table>

preciso que ao clicar no botao acima, ele pega o id da tabela pois para remover uma celula da tabela preciso saber de que tabela é a celula entendeu... para min usar aqui:

 

var i = codigo.parentNode.parentNode.rowIndex;

document.getElementById(PRECISO-DO-ID-DA-TABELA-AQUI).deleteRow(i);

 

O codigo ali na linha é o que é pego com o "this" la na função dentro da tabela...

[Insert 0]

Alguem sabe como posso fazer o item acima?