怎么显示和隐藏div

onClick="JavaScript:xxxxxx.style.display='none';"

解决方案 »

  1.   

    <SCRIPT LANGUAGE="JavaScript">
    function c_dis(td_now, mCols)
    {
    divobj1=document.getElementById("n1");
    divobj2=document.getElementById("n2");
    if(td_now.id == "s_td_1")
    {
    divobj1.style.display='block'
    divobj2.style.display='none'
    divobj1.innerHTML = "***1***";
    }if(td_now.id == "s_td_2")
    {
    divobj2.style.display='block'
    divobj1.style.display='none'
    divobj2.style.height = "35";
    divobj2.innerHTML = "***2***";
    }
    }
    </SCRIPT>
    <body>
    <table><tr>
    <TD class=son id=s_td_1  onclick=c_dis(this,1); width=84>北京麦当劳</TD>
    <TD class=son id=s_td_2  onclick=c_dis(this,2); width=84>北京肯得基</TD>
    </tr></table>
    <!--上个table是调用方法-->
    <div id="n1" style="display:none">n1</div>
    <div id="n2" style="display:none">n2</div>
    </body>