用JS定位div

Question

快速解释：

我有一个页面分为两列。 （使用 div style="float:left; width:50%;)。 左列的一些元素（跨度）有一个 ID。然后，在右栏中，其他一些元素也有自己的 ID。

现在我正在使用 JS 将 A 列元素的高度定位在 B 列元素的相同高度。 这是我使用的：

document.getElementById(spanInA).style.position = "absolute";
document.getElementById(spanInA).style.top = heightOfSpanInB.toString() + "px";

到目前为止，它工作正常但是我有一个问题：当元素（左列）太长时，它的文本将重叠在右边的列上。

这里有人建议我添加这样的 div：

<div style="position:relative;">
<span id="".$id."">".$text."</span>
</div>

但这并不能解决问题，文本确实会被包裹，但它们都在B列文本的底部下方。

我尝试的最后一件事是用 div 替换 span，（所以它只是 div id="..">text /div>）但它与最初只使用 span 的结果相同。

半小时 太棒了！

Answer 1

尝试使用以下函数之一获取元素的高度：

var heightOfSpanInB = document.getElementById("spanInA").clientHeight;
var heightOfSpanInB = document.getElementById("spanInA").offsetHeight;