2010-02-11 28 views
7

Mam div, a maksymalna szerokość dla tego div jest zdefiniowany przez użytkownika. Wiem, że mogę to zrobić za pomocą elementu.style.height, ale to nie działa w IE.Ustaw maksymalną wysokość za pomocą javascript

Jakieś pomysły dotyczące implementacji odpowiednika przeglądarki Firefox przy użyciu javascript?

Odpowiedz

22

Zwykle styl nazwy atrybutów są tłumaczone na nazwy javascript własności poprzez usunięcie myślniki i CamelCase nazwę zamiast.

Więc background-color staje backgroundColor, text-align staje textAlign i max-height staje maxHeight.

Można ustawić element el maksymalna wysokość do mHeight przez:

el.style.maxHeight=mHeight;

Pamiętaj, aby korzystać z poprawną wartość dla mHeight.

+6

Dla jasności "poprawną wartością dla" mHeight "byłby łańcuch zawierający jednostki, dokładnie tak jak w CSS. Np. 'MHeight =" 100px "', a nie 'mHeight = 100'. –

+1

Dla większej przejrzystości może to być również "0", łańcuch procentowy ("50%" ') lub" "brak" ', wszystkie z nich są poprawnymi wartościami dla' max-height' (odpowiedni CSS własność), patrz http://www.w3.org/TR/CSS21/visudet.html#min-max-heights – GodsBoss

3
document.getElementById ("yourelementid").style.maxHeight = "100px"; 

Zobacz maxHeight Property

maxheight został wprowadzony w Windows Internet Explorer 7

Powiązane problemy