将Div高度设置为另一个Div高度

时间:2012-09-08 16:30:57

标签: javascript dom html height

我知道有类似的问题已被提出,我已经引用了它们,但还没有让它发挥作用。我有一个可能没有其旁边的主要部分那样多的内容。我正在使用load事件window.load运行我的脚本,名为asideHeightSet,下面是调用它的代码片段:

  <script>
    window.onload=function(){

        asideHeightSet("main_content_aside", "main_content_section");
    }
  </script>

我有其他正在执行的函数,这段代码是在我可以使用任何依赖的jQuery库之后。我对asideHeightSet的javascript是:

var $ = function (id) { return document.getElementById(id); }
function asideHeightSet(aside, section){
var sectionHeight = $(section).style.height;
$(aside).style.height= sectionHeight;

}

我在firefox中运行了firebug调试器,它继续显示该部分的高度为空白,当我单步执行时,它会在手表中输出“”。

任何帮助都将不胜感激。

THX


这对我有用:

function asideHeightSet(旁边,部分){ var sectionHeight = $(section).offsetHeight-22;

$(旁边).style.height = sectionHeight +“px”;

}

22是考虑到填充和边框的边界。

1 个答案:

答案 0 :(得分:0)

运行你提供的代码让我用

获得元素的高度
$(section).offsetHeight

样式高度返回none,因为可能没有与该元素关联的高度css样式。试一试,告诉我结果如何。