哪個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";
