Remover TR

[efsgan 0]

Ai pessoal, dei uma pesquisada, mas não entendi muito bem os outros tópicos... alguém poderia me explicar como se faz pra remover uma TR da tabela?Valeu

[Illidan 0]

Você pode fazer isso utilizando métodos do DOM. Vamos supor que você tenha o seguinte código:

 

<table>
 <tr><th>Nome</th><th>Idade</th></tr>
 <tr id="linha1"><td>José</td><td>30</td></tr>
 <tr id="linha2"><td>Francisco</td><td>45</td></tr>
</table>

 

Você executaria o seguinte para remover a primeira linha:

var tr = document.getElementById("linha1");
tr.parentNode.removeChild(tr);

 

O tr.parentNode aponta para o elemento "pai" daquele que você pegou. Todos os elementos suportam o método removeChild, que recebe como parâmetro o elemento filho a ser removido.

 

Esse é um exemplo bem básico do DOM. Você não precisaria ter um "id" para cada linha. Ficaria um pouco mais complicado, mas daria pra pegar o elemento <table> e percorrer todos os "filhos" em busca da <tr> a ser removida, sem que fosse necessário criar um "id" para cada <tr>.

 

[]'s!

[mauyr 0]

Você pode fazer isso utilizando métodos do DOM. Vamos supor que você tenha o seguinte código:

 

<table>  <tr><th>Nome</th><th>Idade</th></tr>  <tr id="linha1"><td>José</td><td>30</td></tr>  <tr id="linha2"><td>Francisco</td><td>45</td></tr></table>

Você executaria o seguinte para remover a primeira linha:

var tr = document.getElementById("linha1");tr.parentNode.removeChild(tr);

O tr.parentNode aponta para o elemento "pai" daquele que você pegou. Todos os elementos suportam o método removeChild, que recebe como parâmetro o elemento filho a ser removido.

 

Esse é um exemplo bem básico do DOM. Você não precisaria ter um "id" para cada linha. Ficaria um pouco mais complicado, mas daria pra pegar o elemento <table> e percorrer todos os "filhos" em busca da <tr> a ser removida, sem que fosse necessário criar um "id" para cada <tr>.

 

[]'s!

Isto funciona porem o objeto TABLE tem o metodo deleteRow.

 

seria algo parecido com isso:

 

HTML

<table id="tabela">  <tr><th>Nome</th><th>Idade</th></tr>  <tr><td>José</td><td>30</td></tr>  <tr><td>Francisco</td><td>45</td></tr></table>

JavaScript

var tab = document.getElementById("tabela");tab.deleteRow(0);

Onde 0 é a linha que deseja deletar... lembrando que se comeca do indice 0

 

Ve o que acha mais interessante e utilize