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(&apos;Class&apos;); document.write(&apos;On calling x, it will return an arrsy-like object: <br>&apos;+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 .