Hromadná zmena elementu rovnakej class – JavaScript, AJAX, jQuery – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Hromadná zmena elementu rovnakej class – JavaScript, AJAX, jQuery – Fórum – Programujte.comHromadná zmena elementu rovnakej class – JavaScript, AJAX, jQuery – Fórum – Programujte.com

 

Toto vlákno bylo označeno za vyřešené — příspěvek s řešením.
echo880
Duch
22. 2. 2014   #1
-
0
-

Potrebujem hromadne zmeniť šírku div (class : pozi), snazil som sa nasledovne:

document.getElementsByClassName("pozi")[0].style.width = Ssw + "px";

Funguje, ale len pre prvý element. Na ostatných elementoch sa neaplikuje. Príkaz mám zaradený vo funkcii, ktorá aktualizuje obsah na základe eventu. NIečo podobné mám riešené iteratívne cez Id, ale tu by som sa tomu rád vyhol.

Thx 

Nahlásit jako SPAM
IP: 147.175.196.–
Řešení
Ericsko+3
Stálý člen
23. 2. 2014   #2
-
0
-
Vyřešeno Nejlepší odpověď

document.getElementsByClassName("pozi")[0] ti vrati iba prvy element.

document.getElementsByClassName("pozi") obsahuje pole vsetkych elementov, takze potrebujes prejst vsetky a nastavit im to po jednom, napr: 

var elem = document.getElementsByClassName("pozi");

for (index = 0; index < elem.length; ++index) {
    console.log(elem[index]);
    elem[index].style.width = Ssw + "px";
}

Keby si pouzil napr. jQuery, stacilo by 

$(".pozi").css("width", Ssw + "px") -> jquery by uz vyriesilo vsetky elementy v poli za teba

Nahlásit jako SPAM
IP: 88.212.34.–
echo880
Duch
23. 2. 2014   #3
-
0
-

#2 Ericsko
Dakujem, pochopil som aplikoval, funguje. :-D

Nahlásit jako SPAM
IP: 147.175.196.–
peter
~ Anonymní uživatel
4014 příspěvků
24. 2. 2014   #4
-
0
-

Od toho je prave css. Proc to delat pres js?

Nahlásit jako SPAM
IP: 2001:718:2601:400:0:5efe:...–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 4 hosté

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032024 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý