Metoda getElementsByTagName
Metoda getElementsByTagName pozwala
pobrać elementy strony po nazwie znacznika.
Na uzyskanych elementach można wykonywać
różne manipulacje: zmieniać ich tekst, atrybuty,
style CSS i tak dalej.
Składnia
document.getElementsByTagName(nazwa znacznika);
Przykład
Pobierzmy wszystkie akapity i zmieńmy im tekst
za pomocą właściwości 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 = '!!!';
}
Wynik wykonania kodu:
<p>!!!</p>
<p>!!!</p>
<p>!!!</p>
Zobacz też
-
metoda
querySelectorAll,
która pobiera grupę elementów po selektorze -
metoda
getElementsByClassName,
która pobiera grupę elementów po klasie