Metode getElementsByClassName() tiek izmantota, lai atlasītu vai iegūtu elementus, izmantojot to klases nosaukuma vērtību. Šī DOM metode atgriež masīvam līdzīgu objektu, kas sastāv no visiem elementiem ar norādīto klases nosaukumu. Izsaucot metodi getElementsByClassName() jebkuram konkrētam elementam, tā veiks meklēšanu visā dokumentā un atgriezīs tikai tos elementus, kas atbilst norādītajam vai dotajam klases nosaukumam.
Sintakse
var ele=document.getELementsByClassName('name');
Šeit vārds ir obligātais arguments, kas jānodod. Tā ir virkne, kas norāda vai nu vienu klases nosaukumu, vai vairākus klašu nosaukumus.
GetElementsByClassName() metodes piemērs
Apskatīsim dažus piemērus, lai uzzinātu un saprastu metodes praktisko ieviešanu.
Piemērs
Tā ir vienkārša klases ieviešana, kas atgriež masīvam līdzīgu objektu, izsaucot mainīgo x.
<h5>DOM Methods </h5> This is a simple class implementation var x=document.getElementsByClassName('Class'); document.write('On calling x, it will return an arrsy-like object: <br>'+x);
Izvade:
attēlu izlīdzināšana css
Līdzīgi mēs varam ieviest metodi getElementsByClassName(), lai atgrieztu elementu kolekcijas vairākām klasēm.
Atšķirība starp getElementsByClassName(), querySelector() un querySelectorAll() metodēm
getElementsByClassName(): Tas saskaņo elementus ar norādīto klases nosaukumu un atgriež atbilstošo elementu kopu. Atgrieztie elementi ir dzīvā HTML elementu kolekcija. Šos reāllaika elementus var turpināt atjaunināt, ja tiek veiktas kādas izmaiņas dokumenta objekta modelī.
querySelector(): Tas atgriež tikai vienu elementu, kas atbilst norādītajam klases nosaukumam. Ja tas neatrod nevienu atbilstošu elementu, tas atgriež nulli.
Galvenais, kas jāsaprot, ir tas, ka visas iepriekš aprakstītās metodes atgriež vienu elementu vai sarakstu, bet metode getELementsByClassName() kalpo dinamisks atjaunināšana, un pārējās divas metodes kalpo statisks .