Remover uma linha usando o parentNode

Fala aew galera!!!

To com um probleminha aqui, tenhu um tbody e dois appendChild nele com dois tr.
dentro do primeiro tr tenho 1 select, dois text e um button (delete).
entao quando clicar no botao eu gostaria de excluir os dois tr's.
consegui chegar no objeto tbody, porém só consigo excluir a primeira linha, a segunda não exclui.

Aqui está os appendChild dos campos.

var tabLinha = document.createElement("tr");
        var tabLinhaObs = document.createElement("tr");
        
        var tabColunaEncaminhamento = document.createElement("td");        
        tabColunaEncaminhamento.appendChild(novoEncaminhamento);
        
        var tabColunaInicio = document.createElement("td");        
        tabColunaInicio.appendChild(novoDtInicio);
        
        var tabColunaFim = document.createElement("td");   
        tabColunaFim.appendChild(novoDtFinal);
        
        var tabColunaDel = document.createElement("td");
        tabColunaDel.appendChild(novoBtnDel);
        
        tabLinha.appendChild(tabColunaEncaminhamento);
        tabLinha.appendChild(tabColunaInicio);
        tabLinha.appendChild(tabColunaFim);
        tabLinha.appendChild(tabColunaDel);
        
        var tabColunaObservacoes = document.createElement("td");
        tabColunaObservacoes.appendChild(novoObservacoes);
        tabLinhaObs.appendChild(tabColunaObservacoes);
        
        tabBody = document.getElementById("tbody_encaminhamentos");
        tabBody.appendChild(tabLinha);
        tabBody.appendChild(tabLinhaObs);

E aqui a tentativa de excluir as Linhas

var colunaClicada = btnClicado.parentNode;
            var linhaClicada = colunaClicada.parentNode;
            
            linhaClicada.parentNode.removeChild(linhaClicada);

OBS: Já tentei colocar com linhaClicada.nextSibling, linhaClicada.previousSibling, tentei criar uma variável com linhaClicada.parentNode e dar um removeChild(children).

To sem mais nenhuma idéia!!! alguem tem alguma aew???

Desde já, mto obrigado!!!

2 Respostas

mario.fts 20 de out. de 2008

de uma olhada nesse site, te uns tutoriais de como trabalhar com tabelas dinamicamente

http://www.w3schools.com/htmldom/dom_obj_table.asp

procure ver também os objetos TableCell e TableRow.

[]s

viniceranogueira 20 de out. de 2008

Fala Galera! Consegui resolver.

criei uma variável segundaLinha = linhaClicada.parentNode;
então, deixei o resto do jeito que estava e nos removeChild coloquei

linhaClicada.parentNode.removeChild(linhaClicada); //como estava anteriormente.
segundaLinha.removeChild(segundaLinha.lastChild);

Meu problema era, tenho duas linhas, e estava removendo apenas a primeira.
Então, deixei do jeito que estava e adicionei apenas a exclusão do ultimo filho do nó, neste caso, a segunda linha!

2 Respostas

Topicos relacionados