logo

GetElementsByClassName()

Metoda getElementsByClassName() este folosită pentru selectarea sau obținerea elementelor prin valoarea numelui lor de clasă. Această metodă DOM returnează un obiect asemănător matricei care constă din toate elementele având numele de clasă specificat. La apelarea metodei getElementsByClassName() pe orice element anume, va căuta în întregul document și va returna doar acele elemente care se potrivesc cu numele de clasă specificat sau dat.

Sintaxă

 var ele=document.getELementsByClassName('name'); 

Aici, numele este argumentul obligatoriu care trebuie transmis. Este șirul care specifică fie un singur nume de clasă, fie mai multe nume de clasă pentru a se potrivi.

verificați nul în java

Exemplu de metoda getElementsByClassName().

Să ne uităm la câteva exemple pentru a cunoaște și înțelege implementarea practică a metodei.

Exemplu

Este o implementare simplă de clasă care returnează un obiect asemănător matricei la invocarea variabilei x.

fir.distruge
 <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); 

Ieșire:

GetElementsByClassName()

În mod similar, putem implementa metoda getElementsByClassName() pentru returnarea colecțiilor de elemente pentru mai multe clase.

modulație de amplitudine

Diferența dintre metodele getElementsByClassName(), querySelector() și querySelectorAll()

getElementsByClassName(): Potrivește elementele cu numele de clasă specificat și returnează un set de elemente potrivite. Elementele returnate sunt o colecție de elemente HTML live. Aceste elemente live pot fi actualizate în continuare dacă se fac modificări în Modelul obiectului documentului.

querySelector(): Returnează doar un singur element care se potrivește cu numele de clasă specificat. Dacă nu găsește niciun element care se potrivește, returnează null.

Principalul punct de înțeles este că toate metodele descrise mai sus returnează fie un element, fie o listă, dar metoda getELementsByClassName() servește dinamic actualizare, iar celelalte două metode servesc pentru static .