Javascript 正在忽略调整div的大小_Javascript_Html_Styles_Width

Javascript 正在忽略调整div的大小

javascript html

Javascript 正在忽略调整div的大小,javascript,html,styles,width,Javascript,Html,Styles,Width,我有一个超级简单的网页，它将数据作为容器从服务器加载到服务器中。问题是有时图像太高，溢出并导致布局问题。因此，我希望使用以下方法调整div的大小： target.style.height = height; // As short form of: document.getElementById('someId').style.height=height; 但到目前为止，我试过的都没用。以下是html文件： <!DOCTYPE html> <html>

我有一个超级简单的网页，它将数据作为容器从服务器加载到服务器中。问题是有时图像太高，溢出并导致布局问题。因此，我希望使用以下方法调整div的大小：

target.style.height = height; // As short form of:
document.getElementById('someId').style.height=height;

但到目前为止，我试过的都没用。以下是html文件：

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body bgcolor="#E3FBFF" text="#000000" onload="loadImages();">
      <script type = "text/javascript">
        function loadImages()
        {
          ...Function omitted for brevity...
          But it gets to this line:
          document.getElementById(d0).style.height = height+10;
        }
  </script>
    <div id=d0></div>
    <hr>
    <div id=d1></div>
    <hr>
    <div id=d2></div>
    <hr>
    <div id=d3></div>
    <hr>
    </body>
    </html>

就这样

我找到了各种各样的文章，或者，但是，它们没有帮助

我突然想到，在我的情况下，我不需要使用div本身。我只需要图像和相关的文字不重叠垂直或水平。事实上，当图像加载时，它可能是一个真正的混乱。。。我如何告诉我的div是全宽的，没有其他div的覆盖？我试着使用一个类，使用CSS，等等，都被忽略了

我猜我是在错误的假设下工作的，即div作为面向块的东西，即使您声明full width=100%，也可以并且仍然会垂直重叠，这取决于放置在其中的内容。

向高度变量添加一个单位。在编辑元素的CSS样式时，这是必需的。见：

document.getElementById'someId'。style.height=高度变为： document.getElementById'someId'。style.height=height.toString+'px'

在高度变量中添加一个单位。在编辑元素的CSS样式时，这是必需的。见：

document.getElementById'someId'。style.height=高度变为：

document.getElementById'someId'。style.height=height.toString+'px'

您没有显示分配给“height”的内容，但从代码中我假设它是一个整数

document.getElementById(d0).style.height = height+10;

样式需要一个字符串，即10px，因此为其分配数字将不起作用，请尝试以下操作

document.getElementById(d0).style.height = height+10+'px';

javascript将为您将其转换为字符串

更多关于整数到字符串的信息，这里

您没有显示分配给“高度”的内容，但从代码中我假设它是一个整数

document.getElementById(d0).style.height = height+10;

样式需要一个字符串，即10px，因此为其分配数字将不起作用，请尝试以下操作

document.getElementById(d0).style.height = height+10+'px';

javascript将为您将其转换为字符串

这里有更多关于整数字符串的信息

什么是“高度”？似乎您没有声明它，而且在设置高度时，您应该附加“px”或“%”，仅仅分配一个数字是不起作用的。我相信@ChrisLi是正确的，我只想补充一点，这是因为样式引用了CSS属性，这就是为什么它需要单位。请参阅：您链接的第一个示例，它们将+px添加到末尾的高度值。@ChrisLi好的，那么，如何在整数后面添加px？！用+px？什么是“高度”？似乎您没有声明它，而且在设置高度时，您应该附加“px”或“%”，仅仅分配一个数字是不起作用的。我相信@ChrisLi是正确的，我只想补充一点，这是因为样式引用了CSS属性，这就是为什么它需要单位。请参阅：您链接的第一个示例，它们将+px添加到末尾的高度值。@ChrisLi好的，那么，如何在整数后面添加px？！使用+px？尝试int.toStringtry int.toString