Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailemVyřešeno CSS class a javascript

Dobrý den,

prosím, potřeboval bych poradit. Mám takový problém:
v souboru CSS je:

.trida {
  height: 100px;
}    

ve stránce je:

 div id="mujdiv" class="trida"

a teď bych potřeboval v javascriptu zjistit tu hodnotu výšky.

var h = document.getElementById("mujdiv").style.height

vrací prázdný řetězec, což i chápu.
Lze nějak zjistit tu hodnotu ze třídy?

Předmět Autor Datum
Umím to jenom v jQuery...:-) var height = $('#mujdiv').css('height');…
MaSo 20.03.2012 11:19
MaSo
stačí i pouze var height = $('#mujdiv').height(); jquery je na to opravdu nejlepší protože když ho…
tik 20.03.2012 13:15
tik
obyčejným javascriptem bez knihovny jQuery to jde samozřejmě taky, ale fakt zbytečně složitě asi ta…
tik 20.03.2012 13:26
tik
Mohlo by posloužit var h = document.getElementById("mujdiv").offsetHeight ; ale offsetHeight není…
hynajs 20.03.2012 13:17
hynajs
Díky všem, hlavně tikovi. window.getComputedStyle(elm,null).getPropertyValue ("height") je přesně on… poslední
krok 20.03.2012 13:47
krok

stačí i pouze

var height = $('#mujdiv').height();

jquery je na to opravdu nejlepší protože když ho použijete, máte jistotu že ten kód bude funkční ve všech prohlížečích, jquery totiž zjistí verzi prohlížeče a pokud je nechopná něco zrealizovat (například nastavit průhlednost css opacity) tak to udělá jinak nějakým trikem aniž byste o tom vůbec tušil. To je velká přednost.

Pokud však z nějakého důvodu jQuery použít nechcete tak v prostém javascriptu bez této knihovny si budete muset napsat vlastní funkci getElementByClassName protože ta v základu prostě neexistuje a selektovat můžete jen podle ID nebo NAME

Zpět do poradny Odpovědět na původní otázku Nahoru