在标准模式下设置元素的宽度或高度
在标准模式下设置元素的宽度或高度
提问于 2011-01-12 18:23:22
是否可以设置HTML元素的宽度或高度(例如，<div>)在标准模式下的JavaScript？
请注意以下代码：
<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>当用户按下change width按钮时，<div>的宽度应该会改变。
当doctype声明决定Quirks Mode时，它工作得很好。在标准模式下，我无法以这种方式更改元素的大小
可以在标准模式下操作元素的大小吗？如何绕过这种功能障碍？
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-01-12 18:30:19
尝试声明宽度的单位：
e1.style.width = "400px"; // width in PIXELSStack Overflow用户
发布于 2011-01-12 18:32:56
style属性允许您指定CSS属性的值。
CSS width属性接受长度作为它的值。
长度需要单位。在quirks模式中，如果提供整数而不是长度，浏览器倾向于采用像素。指定单位。
e1.style.width = "400px";页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4667651
复制相关文章
相似问题