在标准模式下设置元素宽度或高度
是否可以在标准模式下的 JavaScript 中设置 HTML 元素(例如
)的宽度或高度?请注意以下代码:
<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>
当用户按下更改宽度按钮时,
的宽度应更改。当 doctype 声明确定 Quirks 模式时,它可以正常工作。在标准模式下,我无法以这种方式更改元素的大小
是否可以在标准模式下操纵元素的大小?如何绕过这个功能障碍?
Is it possible to set width or height of HTML element (ex. <div>
) in JavaScript in Standards Mode?
Note the following code:
<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>
When user presses the change width button, the <div>
's width should change.
It works fine when doctype declaration determines Quirks Mode. In Standards Mode I'm unable to change the element's size this way
Is it possible to manipulate the size of an element in Standards Mode? How to bypass this disfunctionality?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
尝试声明宽度单位:
Try declaring the unit of width:
style
属性允许您指定 CSS 属性的值。CSS
width
属性采用长度作为其值。长度需要单位。在怪异模式下,如果提供整数而不是长度,浏览器倾向于假定像素。指定单位。
The
style
property lets you specify values for CSS properties.The CSS
width
property takes a length as its value.Lengths require units. In quirks mode, browsers tend to assume pixels if provided with an integer instead of a length. Specify units.