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?
Umím to jenom v jQuery...
stačí i pouze
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
obyčejným javascriptem bez knihovny jQuery to jde samozřejmě taky, ale fakt zbytečně složitě
asi takto
Mohlo by posloužit
ale offsetHeight není totéž, co style.height , takže záleží na kontextu a zamýšlenému použití.
Díky všem, hlavně tikovi.
window.getComputedStyle(elm,null).getPropertyValue ("height") je přesně ono.