折腾WordPress的小朋友,有的会喜欢修改页面布局,那么这个小技巧就很有必要知道了,在大前端那里看到的,分享给大家:
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高度还是不一样,这个时候可以看下是不是设置了padding的原因,有针对性的修改就好了:如下
$("left").style.height=$("right").offsetHeight-10 + "px";