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">高度的代码。。。。
知道的朋友给完善下代码，谢了，
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){}
}
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){}
}
温馨提示：内容为网友见解，仅供参考
第1个回答 2011-08-27
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";
}
}本回答被提问者和网友采纳
var leftHeight=parseInt(document.getElementById("left").style.clientHeight);
if(leftHeight>200) {
document.getElementById("right").style.display="block";
} else {
document.getElementById("right").style.display="none";
}
}本回答被提问者和网友采纳
第2个回答 2011-08-27
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";
}
}追问
{
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的高度是自适应的。。。。现在这个代码好像不行
相似回答
