Methode getElementsByTagName

De methode getElementsByTagName maakt het mogelijk om paginaelementen op te halen op basis van de tag naam. Met de verkregen elementen kunnen verschillende manipulaties worden uitgevoerd: hun tekst, attributen, CSS-stijlen wijzigen, enzovoort.

Syntaxis

javascriptdocument.getElementsByTagName(tag naam);

Voorbeeld

Laten we alle alinea's ophalen en hun tekst wijzigen met behulp van de eigenschap 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 = '!!!';
}

Resultaat van de code-uitvoering:

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

Zie ook