Skip to main content
2 de 3
adicionou 576 caracteres ao conteúdo
novic
  • 36,7mil
  • 4
  • 32
  • 70

Tem que utilizar o querySelectorAll em vez de querySelector a diferença é que ele pega todas as ocorrências e não apenas uma.

var menuTabs = document.querySelectorAll('#menuMobileTabs span');

for(i = 0; i < menuTabs.length; i++)
{
  menuTabs[i].classList.add("tag-active");
}
.tag-active {
  color:red;
}
<div id="menuMobileTabs">
  <span>Siber</span>
  <span>Rede Sociais</span>
  <span>Menu</span>
  <span>Search</span>
</div>


Pode trabalhar de maneira resumida:

document.querySelectorAll('#menuMobileTabs span').forEach(function(el)
{
   el.classList.add("tag-active");
});
.tag-active {
  color:blue;
}
<div id="menuMobileTabs">
  <span>Siber</span>
  <span>Rede Sociais</span>
  <span>Menu</span>
  <span>Search</span>
</div>

Referencias

novic
  • 36,7mil
  • 4
  • 32
  • 70