javascript - 如何用其他div的内容改变div的高度

Question

我的网站页面中有两个 div，一个并排(一个左边，一个右边)，我想使用 javascript 更改左边一个的高度和右边一个的内容

我试着让右边的 div 有动态高度:

function getHeight() {
    var doc = document.getElementById('div.right');

    if (document.all) // ok I.E
    {
        H = doc.currentStyle.height;
    }
    else // ok FF
    {
        H = document.defaultView.getComputedStyle(doc, null).height;
    }
}​

但我在这里停了下来，因为我不知道如何将 javascript 变量传递到我的样式 CSS 页面，我的意思是我不知道如何在同一页面的另一个 div(左 div)中自动应用这个值。

有什么想法吗？

Answer 1

就用

document.getElementById('div.left').style.height = H;

编辑

1. 据我所知，您无法从 javascript 修改外部样式表
2. div 的高度是在提供文档、加载文档时还是文档加载后的任意时间确定的？

我上面建议的代码是这样使用的(我假设你的 IE 代码是正确的)

function getHeight() {
    var doc = document.getElementById('div.right');
    if (document.all) // ok I.E
    {
        H = doc.currentStyle.height;
    }
    else // ok FF
    {
        H = document.defaultView.getComputedStyle(doc, null).height;
    }
    document.getElementById('div.left').style.height = H;//✔
}