Caros, boa noite. Na aula 03 - Delegando eventos do modulo 07 da trilha "JS programando na lig da web" aprendemos sobre o remove() e o parentNode. Na solução apresentada para a remoção de um paciente clicando em apenas um elemento <td>
foi definido no remover-paciente.js como o pai de todos os elementos a Tabela:
var tabela = document.querySelector("#tabela-pacientes");
tabela.addEventListener("dblclick", function(event){
event.target.parentNode.remove();
});
No html vemos que a Tabela possui os filhos <thead>
, <tr>
e <th>
. Então por que quando clicamos nos elementos da cabeçalho os <th>
Nome, Peso, Altura etc, o cabeçalho não é removido? Não que ele deva ser, mas apenas não consigo ver como que eles estão protegidos de serem removidos com a solução adotada. Obrigado