Em um exercício é ensinado que para adicionar a cor de background azul em um parágrafo deve-se usar:
var paragrafo = document.querySelector("#latim"); paragrafo.style.backgroundColor = "blue";
Mas se eu fizer da seguinte forma abaixo também funciona, mas tem algum problema em fazer desta forma? Ou seja, sem declarar variável?
document.querySelector("#latim").style.backgroundColor = "blue";
Oi Afrânio, tudo bem?
Excelente pergunta! Você fazendo dessa forma que você falou, sem variável, pode ser uma boa se for algo que você nunca mais vai reutilizar.
Porém, se nesse #latim, voce precisar alterar o texto ou reutilizá-lo de alguma forma, terá que chamar o querySelector mais uma vez. Lembrando que esse método basicamente procura no "html" todo o elemento.
Você vai sentir conforme vai codando em JS puro ou jQuery onde cada situação faz mais sentido. Interessante que você já pegou um exemplo e foi tentando pegar formas diferentes de fazer a mesma coisa, isso é como um dev deveria pensar.
Espero ter ajudado e bons estudos,
Abcs!
Boa explicação e realmente faz muito sentido. Obrigado!