| Autor | Zpráva | ||
|---|---|---|---|
| pou Profil * |
#1 · Zasláno: 3. 2. 2011, 17:24:21
Dobrý den,
chtěl bych se zeptat jak přistoupit k potomkovi, např, mám toto: <div id="rodic"> <div id="potomek">neco</div> <div id="potomek2">text</div> </div> <div id="rodic2"> <div id="potomek">neco</div> <div id="potomek2">neco</div> </div> a potreboval bych nahradit "text" zatim to delam pomoci document.getElementById("rodic").getElementsByTagName("div")[1].innerHTML="x";což sice funguje ale nelíbí se mi přístup přez to pole, když pak prohodím potomky tak budu muset menit hodnotu toho pole. proto bych potřeboval poradit jestli nemuzu vyuzit to vnorené id např. nějak takto - bohuzel to nefunguje: document.getElementById("rodic").getElementById("potomek2").innerHTML="x";Předem děkuji za odpověď |
||
| Chamurappi Profil |
#2 · Zasláno: 3. 2. 2011, 17:42:10
Reaguji na poua:
„. proto bych potřeboval poradit jestli nemuzu vyuzit to vnorené id“ Ne, metoda getElementById existuje jen na documentu.
„nelíbí se mi přístup přez to pole, když pak prohodím potomky tak budu muset menit hodnotu toho pole“ Můžeš si ten element uložit do nějaké proměnné a v té ho pak budeš mít pořád, nehledě na to, kam ho přesuneš. |
||
| Witiko Profil |
#3 · Zasláno: 3. 2. 2011, 18:00:34
Chamurappi:
„Ne, metoda getElementById existuje jen na documentu.“ Přesně tak, přišel jsem na to také nedávno, když jsem pročítal dokumentaci metod na manipulaci s DOM. Je to na druhou stranu logické, ID by mělo být unikátní pro celý dokument. |
||
| Chamurappi Profil |
#4 · Zasláno: 3. 2. 2011, 18:05:47
Reaguji na Witika:
Hlavně je to pro tvůrce prohlížeče implementačně jednodušší, stačí jedna hešovací tabulka pro celý dokument, nemusí vyhodnocovat kontext. |
||
| pou Profil * |
#5 · Zasláno: 3. 2. 2011, 18:27:36
Děkuji za rychle a konstruktivní odpovědi,
ještě mě tak napadlo, kdybych tedy použil u potomku místo ID třídu class, tak abych dodžel to že id má být unikátní, tak by se dalo k tomu nějak přistoupit? Tak abych mohl říct, že chci od třicátého rodiče druhého potomka?? <div id="rodic"> <div class="potomek">neco</div> <div class="potomek2">text</div> </div> <div id="rodic2"> <div class="potomek">neco</div> <div class="potomek2">neco</div> </div> |
||
| Witiko Profil |
#6 · Zasláno: 3. 2. 2011, 18:34:18 · Upravil/a: Witiko
pou:
document.getElementById("rodic30").getElementsByClassName("potomek2")[0];Uvědom si, že getElementsByClassName nemá plnou podporu prohlížečů. Pokud nevyžaduješ className pro styly, doporučuji použít jednoduše name. <div name="rodic">
<div name="potomek">neco</div>
<div name="potomek">text</div>
</div>
<div name="rodic">
<div name="potomek">neco</div>
<div name="potomek">neco</div>
</div>
...
document.getElementsByName("rodic")[29].getElementsByName("potomek")[1];Samozřejmě potomky můžeš pod rodičem vyhledávat i bez jejich explicitního označení. document.getElementsByName("rodic")[29].getElementsByTagName("div")[1];Případně použitím (zatím implementačně slabého) query selektoru: document.querySelectorAll("[name=rodic]:nth-child(30) > div:nth-child(2)"); |
||
| joe Profil |
#7 · Zasláno: 3. 2. 2011, 18:40:47
pou:
„dybych tedy použil u potomku místo ID třídu class, tak abych dodžel to že id má být unikátní, tak by se dalo k tomu nějak přistoupit?“ Já bych to udělal tak, že na element s id zavolam metodu getElementsByTagName('*'), která vrátí všechny elementy v uvnitř daného elementu a ty pak projdu a porovnám třídu. |
||
| Chamurappi Profil |
#8 · Zasláno: 3. 2. 2011, 21:55:44
Reaguji na Witika:
„doporučuji použít jednoduše name“ Na <div>u? Pochybuju, že to bude spolehlivě fungovat ve všech prohlížečích.
|
||
| pou Profil * |
#9 · Zasláno: 4. 2. 2011, 12:30:02
Ok všem zapojeným děkuji za vysvětlení!!
|
||
| Witiko Profil |
#10 · Zasláno: 4. 2. 2011, 16:39:06
Chamurappi:
Je tu nějaký problém s vyhledáváním elementů na základě atributu v případě divu? Nikdy jsem se s takovým problémem nesetkal. |
||
| Chamurappi Profil |
#11 · Zasláno: 4. 2. 2011, 16:54:05
Reaguji na Witika:
Není to hledání na základě atributu, ale hledání na základě jména. Elementy, u kterých nemá atribut name žádný význam (tedy ani význam jména), nemají jméno, takže není jisté, že se najdou. Ono ti to snad u <div>ů funguje v nějaké verzi Exploreru?
|
||
| Witiko Profil |
#12 · Zasláno: 6. 2. 2011, 19:27:34
Chamurappi:
Ještě nikdy jsem popravdě necítil potřebu to zkoušet. :) |
||
|
Časová prodleva: 13 let
|
|||
0