Método getElementsByClassName

O método getElementsByClassName permite obter elementos da página por sua classe, definida no atributo class. Com os elementos obtidos, você poderá realizar várias manipulações: alterar seu texto, atributos, estilos CSS e assim por diante.

Sintaxe

javascriptdocument.getElementsByClassName(nome da classe);

Exemplo

Vamos obter todos os elementos com a classe www e alterar seu texto usando a propriedade innerHTML:

html<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>

javascriptlet elems = document.getElementsByClassName('www');

for (let elem of elems) {
  elem.innerHTML = '!!!';
}

Resultado da execução do código:

html<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>

Veja também