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（left div）中自动应用这个值。

任何想法？

Answer 1

只需使用

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

修改

AFAIK你无法从javascript修改外部样式表
在文档加载，加载或文档加载后的任意时间内，文件的高度是否确定？

我上面建议的代码就像这样使用（我假设你的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;//✔
}

Answer 2

为了帮助别人，我找到了一个很好的代码，可以使用一点Jquery自动更改两个div的高度：

<script type='text/javascript'>
    $(window).load(function(){
    var lh = $('#div.right').height();
     var rh = $('#div.left').height();
     if (lh >= rh){
    //alert('left : ' + lh);
    $('#div.left').height(lh);
    } else {
    //alert('right : ' + rh);
    $('#div.right').height(rh);
    };
    });
    </script>

它适用于所有导航员。

如何用其他div的内容更改div的高度

2 个答案: