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

是否可以在标准模式下在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 Mode 时,它可以正常工作。在标准模式下,我无法以这种方式更改元素的大小

是否可以在标准模式下操作元素的大小?如何绕过这种功能失调?


答案 1

尝试声明宽度单位:

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

答案 2

该属性允许您指定 CSS 属性的值。style

CSS 属性采用长度作为其值。width

长度需要单位。在 quirks 模式下,如果提供整数而不是长度,浏览器倾向于假设像素。指定单位。

e1.style.width = "400px";