Autor Zpráva
Smejky
Profil *
#1 · Zasláno: 28. 12. 2005, 16:46:07
Odpovědět Citovat
Ahoj,
mám div, který má id buttonbox a obsahuje 4 spany, které mají class btn. 

<div id="buttonbox">

<span class="btn">...</span>

<span class="btn">...</span>

<span class="btn">...</span>

<span class="btn">...</span>

</div>


Jak se dostanu např. na ten třetí span? (abych mohl nastavit nějakou CSS vlastnost)
jozob
Profil
#2 · Zasláno: 28. 12. 2005, 16:51:08
Odpovědět Citovat
Zadaj im unikátne ID, inak by som to nevedel vyriešiť
ah01
Profil
#3 · Zasláno: 28. 12. 2005, 17:02:39 · Upravil/a: ah01
Odpovědět Citovat
Můžeš vzít div podle id a zněj získat pole všech spanů. Ty pak postupně projít a testovat atribut className.
např.: 

var a = document.getElementById('buttonbox').getElementsByTagName('span');

var b = new Array();

for(var j = 0; j < a.length ; j ++){

     if(a[j].className == 'btn') b.push(a[j]);

}

tenhle skript ti vytvoří pole b, které obsahuje všechny spany s třídou btn
jozob
Profil
#4 · Zasláno: 28. 12. 2005, 17:06:17
Odpovědět Citovat
ah01
getElementsByTagName vráti pole?
Smejky
Profil *
#5 · Zasláno: 28. 12. 2005, 17:09:36
Odpovědět Citovat
Moc díky!
ah01
Profil
#6 · Zasláno: 28. 12. 2005, 17:18:16 · Upravil/a: ah01
Odpovědět Citovat
2 jozob: No jasně. Proto Elements :-)

http://www.mozilla.org/docs/dom/domref/dom_doc_ref50.html
jozob
Profil
#7 · Zasláno: 28. 12. 2005, 17:26:17
Odpovědět Citovat
Jasne... to som si vsimol...
Funguje v kazdom prehliadaci?
ah01
Profil
#8 · Zasláno: 28. 12. 2005, 18:06:41
Odpovědět Citovat
Jo, funguje viz http://www.quirksmode.org/dom/w3c_core.html
Pachollini
Profil
#9 · Zasláno: 28. 12. 2005, 19:49:09 · Upravil/a: Pachollini
Odpovědět Citovat
document.getElementById('buttonbox').getElementsByTagName('span')[4].s tyle.backgroundColor="red";

Nezkoušel jsem, ale myslím, že to funguje.
fred
Profil *
#10 · Zasláno: 28. 12. 2005, 20:22:00
Odpovědět Citovat
Nebo http://www.mozilla.org/docs/dom/domref/dom_el_ref10.html
jozob
Profil
#11 · Zasláno: 29. 12. 2005, 07:32:28
Odpovědět Citovat
OK dík... určite to využijem (aj keď som nezadával tému...)
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0