Javascript și jquery selectând un element după clasă (atribut de clasă). Organizarea unei căutări pe o pagină web în JavaScript (fără jQuery) De ce scriptul nu a funcționat corect

Standardul DOM oferă mai multe mijloace de găsire a unui element. Aceste metode sunt getElementById, getElementsByTagName și getElementsByName.

Bibliotecile JavaScript oferă metode de căutare mai puternice.

Căutați după id

Cel mai convenabil mod de a găsi un element în DOM este să îl obțineți prin id. Pentru a face acest lucru, utilizați apelul document.getElementById(id)

De exemplu, următorul cod va schimba culoarea textului în albastru în div "e c id="dataKeeper":

Document.getElementById("dataKeeper").style.color = "albastru"

Căutați după etichetă

Următorul mod este să obțineți toate elementele cu o anumită etichetă și să căutați pe cel de care aveți nevoie printre ele. Document.getElementsByTagName(tag) este folosit pentru aceasta. Returnează o serie de elemente care au acea etichetă.

De exemplu, puteți obține al doilea element (numerotarea din matrice începe de la zero) cu eticheta li:

Document.getElementsByTagName("LI")

Interesant, getElementsByTagName poate fi apelat nu numai pentru document , ci în general pentru orice element care are o etichetă (nu text).

În acest caz, vor fi găsite doar acele obiecte care se află sub acest element.

De exemplu, următorul apel primește lista elementelor LI din prima etichetă div:

Document.getElementsByTagName("DIV").getElementsByTagName("LI")

Luați toți copiii

Apelarea elem.getElementsByTagName("*") va returna o listă cu toți copiii nodului elem în ordinea în care sunt plimbate.

De exemplu, pe acest DOM:

Acest cod:

Var div = document.getElementById("d1") var elems = div.getElementsByTagName("*") for(var i=0; i(.*?)(.*?)(.*?)