Delegando eventos | JavaScript: programando na linguagem da web

2
respostas

por Tomé Luan Jorge Coelho

| 114k xp | 51 posts

No evento para excluir as linhas da tabela, se eu der um duplo clique no título da tabela, ele exclui o título, como posso evitar que isso ocorra?

2 respostas

por Akashi

| 220.4k xp | 284 posts

18/11/2020

Tomé,

lá explica como fazer pra evitar isto.

Bons estudos.

por Lucas Marcos Diniz Pereia

| 131.9k xp | 8 posts

14/12/2020

Tomé, isso aconteceu pois o instrutor selecionou toda a tabela (incluindo o título) quando colocou o scrip:

var tabela= document.querySelector("table");

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

    event.target.parentNode.remove();
});

Para resolver isso podemos alterar a primeira linha para selecionar os dados mais abaixo. Temos duas opções para isso, como:

var tabela= document.querySelector("tbody");

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

Note pelo arquivo HTML que assim o cabeçalho da tabela não é selecionado.