Código para não remoção do cabeçalho | JavaScript: programando na linguagem da web

1
resposta

por Aline Da Cruz Santos

| 56.1k xp | 9 posts

Quando utilizo o código abaixo é removido o conteúdo interno do "td" , como faço para fazer como estava antes, além de remover conteúdo interno remover linha inteira.

var tabela = document.querySelector('#tabela-pacientes');

tabela.addEventListener('dblclick', function(event) {

    // Somente executará nosso código caso o elemento em que clicamos seja um <td>
    if (event.target.tagName == 'TD') {
        event.target.parentNode.remove()
    }
});

1 resposta

por Matheus Henrique Castiglioni

| 5303.5k xp | 9004 posts

Instrutor Senior Software Engineer

02/03/2021

Fala ai Aline, tudo bem? Nesse caso você pode adicionar o evento de dblclick direto nas linhas da tabela, dessa forma, quando a mesma for clicada você remove ela, algo assim:

var linhas = document.querySelector('#tabela-pacientes tbody tr');
for (var i = 0; i < linhas.length; i++) {
    linhas[i].addEventListener('dblclick', function(evento) {
        event.target.remove()
    })
}

Espero ter ajudado.