哪個div Height值大,就將其值賦給Height值小的div,從而使2個div高度始終保持一致。
function $(id){ return document.getElementById(id) } function getHeight() { if ($("left").offsetHeight>=$("right").offsetHeight){ $("right").style.height=$("left").offsetHeight + "px"; } else{ $("left").style.height=$("right").offsetHeight + "px"; } } window.onload = function() { getHeight(); }
另外,在實際運用,可能還會存在由於左div或右div存在padding屬性而導致上述取值變多或變少的問題。比如,最終賦值時發現left比right還高10px,那么也可以通過修改上述代碼解決:
$("left").style.height=$("right").offsetHeight-10 + "px";