Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/sql-server-2005/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Javascript基于其他DIV设置相同的DIV高度(方法)_Javascript_Html_Css - Fatal编程技术网

使用Javascript基于其他DIV设置相同的DIV高度(方法)

使用Javascript基于其他DIV设置相同的DIV高度(方法),javascript,html,css,Javascript,Html,Css,我不懂Javascript,但使用搜索stackoverflow时发现的一些相关内容,我想出了一个代码,使两个div的高度相同。我不知道这是不是以前发布过,但因为我没有找到它,我想知道使用这个跨浏览器而不是基于CSS的答案是否有问题 document.getElementById('DIV1').style.height = document.getElementById('DIV2').offsetHeight + "px"; 这样做的目的是从id为DIV2的div获取高度,并在id为DIV

我不懂Javascript,但使用搜索stackoverflow时发现的一些相关内容,我想出了一个代码,使两个div的高度相同。我不知道这是不是以前发布过,但因为我没有找到它,我想知道使用这个跨浏览器而不是基于CSS的答案是否有问题

document.getElementById('DIV1').style.height = document.getElementById('DIV2').offsetHeight + "px";
这样做的目的是从id为DIV2的div获取高度,并在id为DIV1的div上设置该高度

(我没有设置vars,因为我认为这对于这个简单的代码是不必要的)

那么,使用这个有什么问题吗

编辑:


[图片]
[内容]
我添加了代码,很抱歉在第一篇文章中没有。
因此,图像的高度大于内容中的文本。

看起来没有问题,即支持offsetHeight属性。只需确保在加载div后运行JavaScript,否则可能不会应用样式,因为代码运行时div不存在。例如,在结束body标记之前加载脚本,或者将其放入如下函数中:

window.onload = function() {  /*code here*/ }

为了避免猜测,请包含您的html。
window.onload = function() {  /*code here*/ }