Question

JS控制DIV的显示与隐藏？

<div id=“left">1111111</div>
<div id=“right”>2222222222</div>

用JS写一段代码 控制上面2个DIV 如果<div id=“left">的高度超过200PX则<div id=“right”>显示，如果 没超过200就不显示，用display控制<div id=“right”>，要写一个判断<div id=“left">高度的代码。。。。

知道的朋友给完善下代码，谢了，

Answer 1

javascript控制页面控件隐藏显示的两种方法

javascript控制页面控件隐藏显示的两种方法，方法的不同之处在于控件隐藏后是否还在页面上占位
方法一：
document.all["PanelSMS"].style.visibility="hidden";
document.all["PanelSMS"].style.visibility="visible";
方法二：
document.all["PanelSMS"].style.display="none";
document.all["PanelSMS"].style.display="inline";
方法一隐藏后 页面的位置还被控件占用 只是不显示 类似于.net验证控件的Display=Static
方法二隐藏后 页面的位置不被占用 类似于.net验证控件的Display=Dynamic

js代码如下，新建一个txt文件，复制进去，保存并修改文件后缀为js（例open.js）即可。程序代码：
function showhidediv(id){
try{
var sbtitle=document.getElementById(id);
if(sbtitle){
if(sbtitle.style.display=='block'){
sbtitle.style.display='none';
}else{
sbtitle.style.display='block';
}
}
}catch(e){}
}

Answer 2

function showleft(){
var leftHeight=parseInt(document.getElementById("left").style.clientHeight);
if(leftHeight>200) {
document.getElementById("right").style.display="block";
} else {
document.getElementById("right").style.display="none";
}
}

Answer 3

function show()
{
var leftHeight=document.getElementById("left").style.clientHeight ;
if(leftHeight>200)
{
document.getElementById("right").style.display="block";
}
else
{
document.getElementById("right").style.display="none";

}

}

追问

能帮我在看看代码的问题吗？这个用上没有效果哦。。。。。left 是没有定义高度的。。。我意思是如果left里面的内容多了之后高度超过200PX那么right就显示 如果没有就不显示 left的高度是自适应的。。。。现在这个代码好像不行