1

O JS DOM abaixo é para modificar através das classes, o estilos de dois elementos que sãos criados dinamicamente no documento. Mas não é sempre que esses elementos aparecerão no documento. Talvez eles apareçam, talvez não. Quando eles estão, o código funciona bem, e quando não estão, o console retorna TypeError: jsNavButton is undefined. Como fazer para evitar isso?

var jsNavButton = document.querySelectorAll(".js-nav-toggle")[0], jsNavHidden = document.querySelectorAll(".js-nav-hidden")[0]; jsNavButton.style.backgroundColor = "tomato"; jsNavHidden.style.backgroundColor = "blue";

1 Resposta 1

2

Verifique se os elementos existem com if. Se o elemento não existir, nada é feito e não retorna erro:

var jsNavButton = document.querySelectorAll(".js-nav-toggle")[0],
   jsNavHidden = document.querySelectorAll(".js-nav-hidden")[0];

if(jsNavButton){
   jsNavButton.style.backgroundColor = "tomato";
}

if(jsNavHidden){
   jsNavHidden.style.backgroundColor = "blue";
}
1
  • Funcional como sempre. Thx. Commented 1/07/2018 às 16:02

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .