控制DIV显示与隐藏

Question

用JS如何控制下面DIV显示或隐藏。<span class="FangXing2">{dede:field.dfyi /}</span>中{dede:field.dfyi /}是数字变量，当{dede:field.dfyi /}的值大于0时显示整个DIV中的内容，当{dede:field.dfyi /}等于0时隐藏整个DIV内容。
请问 这个JS该如何书写<div class="FangXingList" id="yi">
    <span class="FangXing2">{dede:field.dfyi /}</span>
    <span class="FangXing2">{dede:field.dfer /}</span>
    <span class="FangXing2">{dede:field.dfsan /}</span>
</div>

Answer 1

style.display=""  显示

Answer 2

style.display="none" 
style.display="" 

Answer 3

if(dede:field.dfyi>0)
{document.getElementById('yi').style.display='block';}
else
{document.getElementById('yi').style.display='none';}

Answer 4

var spans=document.getElementsByTagName("span");
if(spans[0].innerHTML>0){//这里只判断第一个了
    document.getElementById("yi").style.display="";
}else{
   document.getElementById("yi").style.display="none";
}

Answer 5

您好！
这个js可以控制显示隐藏，可是怎么和<span class="FangXing2">{dede:field.dfyi /}</span>
这个值联系在一起呢？或者下面的DIV代码也要修改下吗？谢谢

Answer 6

你想这三个
 <span class="FangXing2">{dede:field.dfyi /}</span>
    <span class="FangXing2">{dede:field.dfer /}</span>
    <span class="FangXing2">{dede:field.dfsan /}</span>
都大于0还是其中的一个大于0
才去控制div的显隐

Answer 7

var spans=document.getElementsByTagName("span");
if(spans[0].innerHTML>0||spans[1].innerHTML>0||spans[2].innerHTML>0) {//这里只判断第一个了
  document.getElementById("yi").style.display="";
}else{
  document.getElementById("yi").style.display="none";
}

Answer 8

您看下，下面是我网页的代码。是一个订房网程序。下面是显示的房间类型，分三种类型分别为ID= yi、er、san。
我是想当ID=YI中的[field:dfxianfujiayi /]的这个值大于0时显示整个ID为YI的DIV内容，等于0时则隐藏内容。                    <div class="FangXingMain">
                     <div class="FangXingList" id="yi">
                         <span class="FangXing2">[field:dffangxingyi /]</span>
                        <span class="MenShiJia2"><s>[field:dfmenshijiayi/]</s></span>
                         <span class="QianTaiJia2">[field:dfxianfujiayi /]</span>
                         <span class="ZaoCan2">[field:dfzaocanyi /]</span>
                         <span class="ChuangXing2" style="overflow: hidden; height: 20px; width: 60px;">[field:dfchuangxingyi /]</span>
                         <span class="KuanDai2">[field:dfkuandaiyi /]</span>
                         <span class="FenHong2">
<Script> 
                                var x = [field:dfxianfujiayi /];  
                                var y = 0.06; 
                                document.write(Math.round(x*y)/1)
                            </Script>
                            </span>
                         <span class="XianFu2"><a href="hotelyd.php?aid=[field:id/]&title=[field:title/]" title="酒店预订" target="_blank"><img src="http://demoa.rdxc.net/templets/default/images/yuding.gif" border="0" /></a></span>
                        </div>
                        <div class="FangXingList" id="er">
                         <span class="FangXing2">[field:dffangxinger /]</span>
                        <span class="MenShiJia2"><s>[field:dfmenshijiaer/]</s></span>
                         <span class="QianTaiJia2">[field:dfxianfujiaer /]</span>
                         <span class="ZaoCan2">[field:dfzaocaner /]</span>
                         <span class="ChuangXing2" style="overflow: hidden; height: 20px; width: 60px;">[field:dfchuangxinger /]</span>
                         <span class="KuanDai2">[field:dfkuandaier /]</span>
                         <span class="FenHong2">
                            <Script> 
                                var x = [field:dfxianfujiaer /];  
                                var y = 0.06; 
                                document.write(Math.round(x*y)/1)
                            </Script>
                            </span>
                         <span class="XianFu2"><a href="hotelyder.php?aid=[field:id/]&title=[field:title/]" title="酒店预订" target="_blank"><img src="http://demoa.rdxc.net/templets/default/images/yuding.gif" border="0" /></a></span>
                        </div>                        <div class="FangXingList" id="san">
                         <span class="FangXing2">[field:dffangxingsan /]</span>
                        <span class="MenShiJia2"><s>[field:dfmenshijiasan/]</s></span>
                         <span class="QianTaiJia2">[field:dfxianfujiasan /]</span>
                         <span class="ZaoCan2">[field:dfzaocansan /]</span>
                         <span class="ChuangXing2" style="overflow: hidden; height: 20px; width: 60px;">[field:dfchuangxingsan /]</span>
                         <span class="KuanDai2">[field:dfkuandaisan /]</span>
                         <span class="FenHong2">
                            <Script> 
                                var x = [field:dfxianfujiasan /];  
                                var y = 0.06; 
                                document.write(Math.round(x*y)/1)
                            </Script>
                            </span>
                         <span class="XianFu2"><a href="hotelydsan.php?aid=[field:id/]&title=[field:title/]" title="酒店预订" target="_blank"><img src="http://demoa.rdxc.net/templets/default/images/yuding.gif" border="0" /></a></span>
                        </div>

                    </div>

Answer 9

if([dede:field.dfyi]>0)
{document.getElementById('yi').style.display='block';}
else
{document.getElementById('yi').style.display='none';}放在最后面，让页面一打开就执行吧。

Answer 10

<span class="QianTaiJia2" id="qtj2">[field:dfxianfujiayi /]</span>
window.onload=function()
{
   var num = document.getElementById("qtj2").innerText;
   if(num > 0)
   {
     document.getElementById("yi").style.display = "";
   }
   else
   {
     document.getElementById("yi").style.display = "none";
   }
}

Answer 11

//使用jquery
if(...)
{
    $("#div1").show();//控制div1显示
}
else
{
    $("#div1").hide();//控制div1隐藏
}<div id="div1"></div>