Javascript getElementsByClassName metoda...

[DeletedUser]

document.getElementsByClassName("3")[0].style.display = "none";

Imam bar 10 elementa koji imaju istu klasu 3. Zelim da im svima odjednom postavim display:none;
ali to ne radi bas tako kao sto sam mislio. Ovo 0 u [] zagradama izgleda da mora da bude samo jedan broj ili se ja varam? Odnosno, ne mogu da selektujem vise elemenata istovremeno iz iste klase? Meni trebaju svi. Probao sam 0,1,2... Ne radi. Probao 0-5, ne radi.

Jos jedno pitanje, posto pokusavam da sakrijem dosta iz elemenata iz 20+ klasa, sto i nije tako veliki broj, to mogu i rucno copy-paste ove linije gore iz koda pa samo menjam ovaj broj pod navodnicima, ali recimo da je to tesko, kako bi to moglo da se uradi? Kako bih mogao da definisem neku

var precica

i da posle cepam samo precica.value = i++ gde ce on sam da mi ispise taj kod jer su klase bukvalno jednocifreni brojevi od 1 do 10. Pocetnik sam i verovatno postavljam glupa pitanja, ali nadam se da bar razumete sta hocu. :wave:

 

[7euffel]

Prodjes kroz niz koji ti vrati funkcija. Primjer ispod.

https://jsfiddle.net/xutxujo0/2/

EDIT ~ Ovo drugo nisam razumio. Kako mislis 20 klasa? Ako hoces da sakrijes tolike elemente najbolje da sve to gurnes pod jedan parent element i onda njega sakrijes. Takodje mozes napraviti i funkciju u kojoj ces definisati niz tipa [1, 2, 3, 4, 5] i da poslije prolazenja kroz taj niz on sakrije sve elemente koji imaju klasu 1, 2, 3, 4 ili 5.

Mada prolazenje kroz svaki element posebno pogotovo ako ih ima jako mnogo je naporno, uvijek je bolje da se to rijesi mijenjajem atributa samo jednog cvora u DOM-u (parent element koji sadrzi sve ove koje hoces da sakrijes, kad sakrijes njega sakrio si i sve children elemente).

EDIT 2 ~ Ovako nesto: https://jsfiddle.net/1r31n28q/3/

 

[DeletedUser]

Prodjes kroz niz koji ti vrati funkcija. Primjer ispod.

https://jsfiddle.net/xutxujo0/2/

EDIT ~ Ovo drugo nisam razumio. Kako mislis 20 klasa? Ako hoces da sakrijes tolike elemente najbolje da sve to gurnes pod jedan parent element i onda njega sakrijes. Takodje mozes napraviti i funkciju u kojoj ces definisati niz tipa [1, 2, 3, 4, 5] i da poslije prolazenja kroz taj niz on sakrije sve elemente koji imaju klasu 1, 2, 3, 4 ili 5.

Mada prolazenje kroz svaki element posebno pogotovo ako ih ima jako mnogo je naporno, uvijek je bolje da se to rijesi mijenjajem atributa samo jednog cvora u DOM-u (parent element koji sadrzi sve ove koje hoces da sakrijes, kad sakrijes njega sakrio si i sve children elemente).

Hvala za ovo prvo, to je to. Sto se ovoga drugog tice, problem je sto krijem <tr> element, a parent element mu je cela tabela, ja zelim samo pojedine delove tabele da sklanjam, nikako celu.

 

[7euffel]

Hvala za ovo prvo, to je to. Sto se ovoga drugog tice, problem je sto krijem <tr> element, a parent element mu je cela tabela, ja zelim samo pojedine delove tabele da sklanjam, nikako celu.

Pa te dijelove koje zelis da sakrivas onda oznaci sa dodatnom klasom tipa "to-hide", tako da ces imati elemente koji imaju klase class="3 to-hide", class="4 to-hide" i kad zelis da sakrijes sakrivas samo one koji izmedju ostalog imaju i klasu to-hide. Mada i u tabeli mozes da koristis druge elemente da "wrapujes" ono sto ti treba, to je potpuno dozvoljeno.

 

[DeletedUser]

Pa te dijelove koje zelis da sakrivas onda oznaci sa dodatnom klasom tipa "to-hide", tako da ces imati elemente koji imaju klase class="3 to-hide", class="4 to-hide" i kad zelis da sakrijes sakrivas samo one koji izmedju ostalog imaju i klasu to-hide. Mada i u tabeli mozes da koristis druge elemente da "wrapujes" ono sto ti treba, to je potpuno dozvoljeno.

Bas glupa pitanja pitam, kad vidim kako je prosto resenje... Izvini, pocetnik sam ***, pa vezbam. Hvala puno na odgovoru

 

[7euffel]

Bas glupa pitanja pitam, kad vidim kako je prosto resenje... Izvini, pocetnik sam ***, pa vezbam. Hvala puno na odgovoru

Ako su ti pomogla da riješiš problem nisu glupa.

Samo naprijed.