Metoda getElementsByClassName
Metoda getElementsByClassName omogoča
pridobivanje elementov strani po njihovem razredu,
določenem v atributu
class. S pridobljenimi elementi lahko
izvajate različne manipulacije:
spreminjate njihovo besedilo, atribute, CSS sloge in tako naprej.
Sintaksa
document.getElementsByClassName(ime razreda);
Primer
Pridobimo vse elemente z razredom www
in spremenimo njihovo besedilo z lastnostjo innerHTML:
<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>
let elems = document.getElementsByClassName('www');
for (let elem of elems) {
elem.innerHTML = '!!!';
}
Rezultat izvajanja kode:
<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>
Glejte tudi
-
metodo
querySelectorAll,
ki pridobi skupino elementov po selektorju -
metodo
getElementsByTagName,
ki pridobi skupino elementov po oznaki