Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

Duvida sobre uso da "td" ou "TD"

Mudei o código, para que o if de comparação de "td", pegue as duas execuções, pois vi que se não fizer isso, o conteúdo de "th" , era apagado também, deixando apenas o formato de tabela.

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

  if (event.target.tagName == 'TD') {

    event.target.parentNode.classList.add('fadeOut');

    setTimeout(function() {
      event.target.parentNode.remove();
    }, 500);
  }
});

A minha duvida é a seguinte, qual a diferença de "td" para "TD", pois pelo que vi, ele está relacionando com a tag do HTML, mas se eu usar minusculo não funciona, somente se escrever a tag em maiúsculo, não entendi o porque disso.

5 respostas
solução!

Oi Augustus, tudo certo?

Como o JS é case-sensitive, e o nome do valor do tagName é TD, esse IF está levando em conta isso.

Depois use o querySelector para pegar algum elemento do DOM, e puxe o valor da propriedade tagName para ver.

Espero ter ajudado,

Abcs!

Fala Augustus, tudo bom?

Você precisa fazer a comparação da tagName utilizando letras maiúsculas, pois é assim que o JavaScript tem definido a propriedade tagName para todos os elementos do DOM.

Se quiser saber um pouco mais a fundo, segue esse link: https://developer.mozilla.org/pt-BR/docs/Web/API/Element/tagName

Obrigado pelo retorno Natan e Mario, fiz o teste no console, e vi que realmente o tagName, coloca o valor como maiúsculo, achava que ele pega-se exatamente como foi declarado no HTML, ou seja, em "td" minusculo.

Oi Augustus,

Lembra que o HTML é o documento que a gente digita.

Agora o DOM (que é esse documento que o browser estrutura e monta) é diferente. Quando usamos um querySelector e mudamos o textContent de um elemento nao estamos mudando o documento em si, e sim aquela estrutura que o browser gerou pra gente.

Abcs e bons estudos!

Natan, obrigado pela dica.