JavaScript设置scrollHeight

Question

在JavaScript中，将一个元素的scrollHeight设置为另一个元素的scrollHeight的正确方法是什么？直接分配无效。 谢谢，Greg

Answer 1

直接不可能。 scrollHeight是一个只读属性，包含元素内容的总高度（以像素为单位）。

如果有元素A并且你希望元素B具有与元素A相同的scrollHeight，那么使它成为元素B具有单个子DIV元素（将所有先前元素B内容移动为DIV的子节点），即设为：

width : 100%;
overflow : hidden;

并使用javascript将DIV的高度设置为元素A的scrollHeight（以像素为单位）：

document.getElementById('B').childNodes.item(0).style.height = document.getElementById('A').scrollHeight + 'px';