Método getElementsByTagName

O método getElementsByTagName permite obter elementos da página pelo nome da tag. Com os elementos obtidos, várias manipulações podem ser realizadas: mudar seu texto, atributos, estilos CSS e assim por diante.

Sintaxe

javascriptdocument.getElementsByTagName(nome da tag);

Exemplo

Vamos obter todos os parágrafos e mudar seu texto usando a propriedade innerHTML:

html<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>

javascriptlet elems = document.getElementsByTagName('p');

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

Resultado da execução do código:

html<p>!!!</p>
<p>!!!</p>
<p>!!!</p>

Veja também