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
document.getElementsByClassName(nome da classe);
Exemplo
Vamos obter todos os elementos com a classe www
e alterar seu texto usando a propriedade innerHTML:
<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>
let elems = document.getElementsByClassName('www');
for (let elem of elems) {
elem.innerHTML = '!!!';
}
Resultado da execução do código:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Veja também
-
método
querySelectorAll,
que obtém um grupo de elementos por seletor -
método
getElementsByTagName,
que obtém um grupo de elementos por tag
