Para que serve getElementsByClassName()

Retorna um vetor de objetos com todos os elementos filhos que possuem o nome da classe dada.

Quando invocado no objeto document, o documento é examinado por completo, incluindo o nó raiz.

Você também pode invocar getElementsByClassName() em qualquer elemento; isso retornaria somente elementos que são descendentes do nó raiz especificado com o nome da classe.

Exemplos

Retorna todos os elementos que possuem a classe ‘teste’

document.getElementsByClassName('teste');

Retorna todos os elementos que possuem as classes 'vermelho' e 'teste'

document.getElementsByClassName('vermelho teste');

Retorna todos os elementos que possuem a classe 'teste' dentro do elemento que possui o ID 'principal'

document.getElementById('principal').getElementsByClassName('teste');