getElementsByTagName-metodi

getElementsByTagName-metodi mahdollistaa sivuston elementtien hakemisen tagin nimen perusteella. Löydetyillä elementeillä voidaan suorittaa erilaisia manipulointeja: muuttaa niiden tekstiä, attribuutteja, CSS-tyylejä ja niin edelleen.

Syntaksi

javascriptdocument.getElementsByTagName(tagin nimi);

Esimerkki

Haetaan kaikki kappaleet ja muutetaan niiden teksti innerHTML-ominaisuuden avulla:

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 = '!!!';
}

Koodin suorituksen tulos:

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

Katso myös