2011-01-12 31 views
85

Có thể đặt chiều rộng hoặc chiều cao của phần tử HTML (ví dụ: <div>) trong JavaScript ở Chế độ tiêu chuẩn không?Đặt chiều rộng hoặc chiều cao của phần tử trong Chế độ tiêu chuẩn

Lưu ý đoạn mã sau:

<html> 
<script language="javascript" type="text/javascript"> 
    function changeWidth(){ 
     var e1 = document.getElementById("e1"); 
     e1.style.width = 400; 
    } 
</script> 
<body> 
    <input type="button" value="change width" onclick="changeWidth()"/> 
    <div id="e1" style="width:20px;height:20px; background-color:#096"></div> 
</body> 
</html> 

Khi người dùng nhấn thay đổi nút chiều rộng, chiều rộng của <div> nên thay đổi.

Hoạt động tốt khi khai báo loại tài liệu xác định Chế độ Quirks. Trong Chế độ tiêu chuẩn, tôi không thể thay đổi kích thước của phần tử theo cách này

Có thể điều chỉnh kích thước của một phần tử trong Chế độ tiêu chuẩn không? Làm thế nào để bỏ qua disfunctionality này?

Trả lời

131

Cố gắng tuyên bố đơn vị width:

e1.style.width = "400px"; // width in PIXELS 
+0

Ahaha .. i có nghĩa là "meow" (c). Tôi đã dành khoảng một giờ, cố gắng tìm ra lý do tại sao phong cách không được áp dụng. Cảm ơn! –

29

Thuộc tính style phép bạn chỉ định giá trị cho các thuộc tính CSS.

Thuộc tính CSS width có độ dài là giá trị của nó.

Độ dài yêu cầu đơn vị. Trong chế độ quirks, trình duyệt có xu hướng giả sử pixel nếu được cung cấp với số nguyên thay vì độ dài. Chỉ định đơn vị.

e1.style.width = "400px"; 
+0

Cảm ơn bạn đã trả lời, cũng chính xác. – rafalry

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