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
document.getElementsByTagName(tagin nimi);
Esimerkki
Haetaan kaikki kappaleet ja muutetaan niiden teksti
innerHTML-ominaisuuden avulla:
<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
let elems = document.getElementsByTagName('p');
for (let elem of elems) {
elem.innerHTML = '!!!';
}
Koodin suorituksen tulos:
<p>!!!</p>
<p>!!!</p>
<p>!!!</p>
Katso myös
-
querySelectorAll-metodi,
joka hakee elementtiryhmän valitsimen perusteella -
getElementsByClassName-metodi,
joka hakee elementtiryhmän luokan perusteella
