Solucionado
Gente, tem como pesquisar mais de uma classe com o mesmo query selector sem fazer essa repetição no código abaixo?
function mudarNomes()
{
var g = document.querySelector('.info-nome-1');
g.textContent = 'Geraldo';
var s = document.querySelector('.info-nome-2');
s.textContent = 'Ana';
}
mudarNomes();
Olá, Shayron! Tudo bem?
Não é possível porque mesmo que você passe duas classes para o querySelector, ele sempre retorna a primeira. Outra alternativa seria usar o querySelectorAll, que seleciona todos os elementos que atendem à condição. Assim, ele retorna uma array.
Como o querySelectorAll recebe um seletor CSS ou vários, é possível, dentro da string, separá-los por vírgula para indicar mais de um.
function mudarNomes()
{
var list = document.querySelectorAll('.info-nome-1, .info-nome-2');
list[0].textContent = 'Geraldo'; // acessando a primeira posição da lista
list[1].textContent = 'Ana'; // acessando a segunda posição da lista
}
mudarNomes();Espero ter ajudado e bons estudos!