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

发布于 2024-10-12 05:27:12 字数 722 浏览 7 评论 0原文

是否可以在标准模式下的 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

遇见了你 2024-10-19 05:27:12

尝试声明宽度单位:

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

Try declaring the unit of width:

e1.style.width = "400px"; // width in PIXELS
我很OK 2024-10-19 05:27:12

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

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

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

e1.style.width = "400px";

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.

e1.style.width = "400px";
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文