Ta članek podaja postopek za pridobivanje ID-ja sidrnega elementa znotraj postavke seznama v JavaScriptu.
Kako pridobiti ID sidra znotraj elementa seznama v JavaScriptu?
Atribut ID elementa je edinstven identifikator, ki ga je mogoče uporabiti za manipulacijo in uporabo tega elementa v funkciji JavaScript. Uporabniki lahko element pridobijo z njegovim ID-jem na različne načine. Vendar bo morda težko pridobiti ID elementa HTML. Vendar pa je morda nekoliko zapleteno pridobiti atribut ID elementa HTML.
Podobno je v primeru sidrnih elementov znotraj ' element seznama «, uporabnik ne more neposredno poklicati sidrnega elementa in pridobiti njegovega ID-ja, ker bo na seznamu več sidrnih elementov. Za to situacijo spodnja predstavitev prikazuje, kako pridobiti ID sidrnega elementa znotraj elementa seznama:
< html >
< telo >
< div >
< ul id = 'seznam' >
< to >
< a id = 'sidro1' href = '#' > Sidrni element 1 < / a >
< / to >
< to >
< a id = 'sidro2' href = '#' > Sidrni element 2 < / a >
< / to >
< to >
< a id = 'sidro3' href = '#' > Sidrni element 3 < / a >
< / to >
< / ul >
< / div >
< str > Kliknite spodnji gumb za pridobitev ID-jev sidrnih elementov z zgornjega seznama! < / str >
< gumb onclick = 'mojaFunkcija()' > Pridobite osebne izkaznice < / gumb >
< str id = 'root' >< / str >
< scenarij >
funkcija myFunction() {
naj listItems = document.querySelectorAll('#list a[id]');
za (naj bo i = 0; i < listItems.length; i++ ) {
pustiti id = listItems [ jaz ] . id ;
document.getElementById ( 'root' ) .innerHTML + =
'ID sidrnega elementa' + ( jaz + 1 ) + ' je: ' + id + '
';
}
}
< / scenarij >
< / telo >
< / html >
Razlaga zgornje kode je naslednja:
- Neurejen seznam z ID-jem ' seznam « je ustvarjen in vsebovan v » ” oznake.
- Znotraj elementov seznama so ustvarjene tri sidrne oznake in opremljene z ID-ji ' sidro1 ', ' sidro2 «, in » sidro3 « oz.
- Naprej, ' ” element je ustvarjen in vsebuje nekaj besedilne vsebine.
- Nato je element gumba ustvarjen z uporabo '
” oznake. ' onclick() ' atribut gumba je opremljen s funkcijo, imenovano ' mojaFunkcija() ”. - prazen ' ' element z ID ' za « je ustvarjen.
- Nato znotraj »
', funkcija z imenom ' mojaFunkcija() « je ustvarjen. - Znotraj funkcije je konstanta z imenom ' listItems « je ustvarjen.
- Ta konstanta je opremljena z ID-ji vseh sidrnih elementov z uporabo ' document.querySelectorAll() ” metoda. Ta metoda je opremljena z ID-jem seznama in poizvedbo » pomoč] ”.
- Potem, ' za ' zanka je ustvarjena za zanko skozi ' listItems ” konstantno.
- ID-ji sidrnih elementov so nato natisnjeni na mestu ' str ' element z ID ' za ”. To se naredi s pomočjo » document.getElementById().innerHTML ” metoda.
Izhod:
Iz spodnjega izhoda so sidrni elementi prisotni na seznamu, uporabnik pa lahko dobi svoje ID-je s klikom na » Pridobite osebne izkaznice ”.
To je vse o pridobivanju ID-jev sidrnih elementov znotraj elementov seznama.
Zaključek
Če želite pridobiti ID sidrnega elementa znotraj elementa seznama, vgrajeni JavaScript ' document.querySelectorAll() ” se lahko uporabi metoda. Poleg tega lahko pridobljene ID-je teh sidrnih elementov natisnete na spletno stran z uporabo vgrajenega JavaScripta “ .innerHTML() ” metoda. Ta članek ponuja postopek za pridobivanje ID-ja sidrnega elementa znotraj elementa seznama v JavaScriptu.