Javascript 获取一个div的高度并使用它设置另一个div的高度

我有两个div，在css中都没有设置高度，因为我想取它们最终的高度，并将另一个div设置为该高度

我的javascript是这样的

function fixHeight() {
    var divh = document.getElementById('prCol1').height;
    document.getElementById('prCol1').innerHTML = '<ul><li>' + divh + '</li></ul>';
    document.getElementById('prCol2').style.height = divh + 'px';
}

函数fixHeight（）{
var divh=document.getElementById（'prCol1'）.height；
document.getElementById（'prCol1'）。innerHTML='
'+divh+'
'；
document.getElementById（'prCol2'）。style.height=divh+'px'；
}

我有下面一行代码，只是想看看我是否得到了某种实际的响应

document.getElementById('prCol1').innerHTML = '<ul><li>' + divh + '</li></ul>';

document.getElementById（'prCol1'）。innerHTML='
'+divh+'
'；

我有一个onload设置来运行函数

我的两个div看起来像这样

<div id="prCol1">
     ..content..
</div>
<div id="prCol2" class="slideshow">
    ..content..
</div>

…内容。。
…内容。。

您可以使用jQuery获取高度并进行设置

var h = $("#prCol1").height();
$("#prCol2").height(h);

---

有一些jQuery插件可以以通用的方式实现这一点

使用

远视

-

函数fixHeight（）{
var divh=document.getElementById（'prCol1'）。offsetHeight；/*更改此值*/
document.getElementById（'prCol1'）。innerHTML='
'+divh+'
'；
document.getElementById（'prCol2'）。style.height=divh+'px'；
}

我建议在这里使用jQuery。在我所知的任何浏览器中，您都无法获得元素的高度。下面是使用jQuery的代码，非常简单。如果没有jQuery，我不会尝试这样做，因为浏览器在访问高度方面可能会有所不同

function fixHeight() {
    var $prCol1 = $('#prCol1');
    var divh = $prCol1.height();
    $prCol1.html('<ul><li>' + divh + '</li></ul>');
    $('#prCol1').height(divh);
}

函数fixHeight（）{
变量$prCol1=$（“#prCol1”）；
var divh=$prCol1.height（）；
$prCol1.html（'
'+divh+'
'）；
$（'#prCol1'）。高度（divh）；
}

您可以通过以下代码获得高度：

document.getElementById('YourElementID').clientHeight;

---

先生，请快速查看我的JSFIDLE；-）我不认为所有浏览器都完全支持OfftheSight。我还没有深入研究jQuery是否解决了这些问题，但这就是它的重点，对吗@是的，它可能会导致1px的差异，但在OP的情况下，我认为这并不相关。他的目标是使2

-s同样高，这将实现。我相信这是IE9中

1px

差异的可能性（甚至可能不会发生），这是不包括40K库（如果尚未包括的话）的一个很好的折衷方案。而且原始JS总是更快。。每个浏览器都支持

offsetHeight

-

document.getElementById('YourElementID').clientHeight;