Pelo que entendi da função, ela consegue deletar uma tr clickando na td correspondente a ela. Acredito que essa construção não previna de deletar o título da tabela.
Solucionado
Pelo que entendi da função, ela consegue deletar uma tr clickando na td correspondente a ela. Acredito que essa construção não previna de deletar o título da tabela.
Fala Vitor, tudo bem?
Dessa forma previne sim de não deletar o titulo da tabela, ja que o titulo (nesse caso o h2) é irmão da tag table e não pai, para que o titulo fosse removido, ele deveria ser um elemento pai da tabela ou alguma outra tag.
Espero ter ajudado, bons estudos :D
Do título da tabela, quero dizer a primeira
Nesse caso realmente não previne da exclusão, para resolver isso, você pode verificar se o elemento que está sendo clicado é a tr dentro da thead:
tabela.addEventListener("dblclick", function(event) {
var alvoEvento = event.target;
var tituloTabela = document.querySelector('thead > tr')
var paiDoAlvo = alvoEvento.parentNode; // TR = paciente = remover
if(paiDoAlvo != tituloTabela) {
paiDoAlvo.remove();
}
});O que fazemos é selecionar o titulo da tabela e guardar na variável tituloTabela, então verificamos se o pai do alvo não é esse titulo da tabela, usando o operador != que significa diferente de, dessa forma, o nosso titulo da tabela não será removido.