我有一个超级简单的网页,可以将服务器中的数据作为容器加载到s中。问题是有时图像太高,溢出并导致布局问题。因此,我希望使用以下方法调整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等等,都被忽略了。
我想我是在不正确的假设下工作的,即divs 作为面向块的东西,即使您声明全宽("width=100%("也可以并且仍然会垂直重叠,具体取决于放置在其中的内容。
您没有显示分配给"高度"的内容,但从您的代码中,我认为它是一个中间体。
document.getElementById(d0).style.height = height+10;
style需要一个字符串(即10px(,所以给它分配数字是行不通的,请尝试以下操作
document.getElementById(d0).style.height = height+10+'px';
JavaScript会为您将其
转换为字符串 更多关于整数到字符串的信息 在这里 在 JavaScript 中将数字转换为字符串的最佳方法是什么?
向height
变量添加一个单位。当您编辑元素的 CSS 样式时,这是必需的。参见: MDN
document.getElementById('someId').style.height=height
变成:document.getElementById('someId').style.height = height.toString() + 'px'