2010-02-11 33 views
7

Tôi có div và chiều rộng tối đa cho div này được người dùng xác định. Tôi biết tôi có thể làm cho nó được thực hiện bằng cách sử dụng element.style.height nhưng điều này không hoạt động trong IE.Đặt chiều cao tối đa bằng cách sử dụng javascript

Bất kỳ ý tưởng nào về cách triển khai tương đương tối đa chiều cao của Firefox bằng cách sử dụng javascript?

Trả lời

22

Thông thường phong cách tên thuộc tính được quy đổi sang tên tài sản javascript bằng cách loại bỏ các dấu gạch nối và CamelCase tên thay thế.

Vì vậy background-color trở thành backgroundColor, text-align trở thành textAlignmax-height trở thành maxHeight.

Bạn có thể đặt một yếu tố el 's chiều cao tối đa để mHeight bởi:

el.style.maxHeight=mHeight;

Hãy nhớ sử dụng một giá trị hợp lệ cho mHeight.

+6

Chỉ cần cho rõ ràng, "giá trị hợp lệ cho' mHeight' "sẽ là một chuỗi bao gồm các đơn vị, chính xác như trong CSS. Ví dụ: 'mHeight =" 100px "', không phải 'mHeight = 100'. –

+1

Chỉ cần rõ ràng hơn, nó cũng có thể là '" 0 "', một chuỗi tỷ lệ phần trăm ("50%" ') hoặc' "none" ', tất cả những giá trị này là giá trị hợp lệ cho' max-height' (CSS tương ứng) tài sản), xem http://www.w3.org/TR/CSS21/visudet.html#min-max-heights – GodsBoss

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

Xem maxHeight Property

maxHeight đã được giới thiệu trong Windows Internet Explorer 7

Các vấn đề liên quan