在标准模式下设置元素的宽度或高度

是否可以在标准模式下以 JavaScript 设置 HTML 元素(例如 <div>)的宽度或高度？

注意以下代码:

<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>

当用户按下 改变宽度按钮时，<div>的宽度应该改变。

当 doctype 声明确定 Quirks 模式时，它可以正常工作。在标准模式中，我无法以这种方式更改元素的大小

是否有可能在标准模式下操纵元素的大小? 如何绕过这个功能障碍？

252265 次浏览

小开

最佳答案

尝试声明宽度单位:

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

小开

style属性允许您为 CSS 属性指定值。

CSS width属性以长度作为其值。

长度需要单位。在怪异模式下，如果提供的是整数而不是长度，浏览器倾向于采用像素。指定单位。

e1.style.width = "400px";