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
document.getElementsByTagName(tag naam);
Voorbeeld
Laten we alle alinea's ophalen en hun tekst wijzigen
met behulp van de eigenschap innerHTML:
<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
let elems = document.getElementsByTagName('p');
for (let elem of elems) {
elem.innerHTML = '!!!';
}
Resultaat van de code-uitvoering:
<p>!!!</p>
<p>!!!</p>
<p>!!!</p>
Zie ook
-
methode
querySelectorAll,
die een groep elementen ophaalt op basis van een selector -
methode
getElementsByClassName,
die een groep elementen ophaalt op basis van een klasse
