不知道能否实现?


<TR>
<a href="#" onClick="inita()"><div id='div1'>隐藏</div></a>
<TABLE id="T1">
<TD>A</TD>
<TD>B</TD>
</TABLE>
</TR>
</TABLE><script>
function inita()
{
  document.getElementById('T1').parentNode.parentNode.style.display='none'var viewA = document.getElementById('div1').innerHTML;
  var viewB = document.getElementById('div1');
  if(viewA=='隐藏')
viewB.innerHTML = '显示'; 
  Else
viewB.innerHTML = '隐藏'; 
}
</script>
问题1:不知道为什么1点隐藏<a href="#" onClick="inita()"><div id='div1'>隐藏</div></a>这个都跟着隐藏了。
问题2:能不能点1下,通过传this就自动隐藏table,而且如果是[隐藏],就点后就显示,[显示],如果是[显示]点后就显示[隐藏]谢谢大家

解决方案 »

  1.   


    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript">
    function toggle(elem, target){
    target = document.getElementById(target);
    if (target.style.display == 'none') {
    elem.innerHTML = '隐藏';
    target.style.display = '';
    } else {
    elem.innerHTML = '显示';
    target.style.display = 'none';
    }
    }
    </script>
    </head>
    <body>
    <a onclick="toggle(this, 'T1');">隐藏</a>
    <TABLE id="T1">
    <TD>
    A
    </TD>
    <TD>
    B
    </TD>
    </TABLE>
    </TR>
    </TABLE>
    </body>
    </html>
      

  2.   

    <body><TABLE><TR><TD>
    <a href="#" onClick="inita(this)"><div id='div1'>隐藏</div></a>
    <TABLE id="T1">
    <TR>
    <TD>A</TD>
    <TD>B</TD>
    </TABLE>
    </TR></TD></TR></TABLE>
    <script>
    function inita(_this){
    var viewA = _this.parentNode.getElementsByTagName("div")[0]
    //or
    //--onClick="inita()"
    //var viewA = document.getElementById("div1")

    var viewT = _this.parentNode.getElementsByTagName("table")[0]
    //or
    //--onClick="inita()"
    //var viewT = document.getElementById("T1")

    if(viewA.innerHTML=='隐藏'){
    viewA.innerHTML = '显示';
    viewT .style.display='none'
    }
    else{
    viewA.innerHTML =  '隐藏'; 
    viewT .style.display=''
    }
    }
    </script></body>
      

  3.   

    <a href="#" onClick="inita(this)">隐藏</a>
    <TABLE id="T1">
    <TD>A</TD>
    <TD>B</TD>
    </TABLE>
    </TR>
    </TABLE><script>
    function inita(a)
    {
      var _target = document.getElementById('T1');
      var disp = _target.style.display;
      _target.style.display = disp=='none'?'':'none';
      a.innerText = disp=='none'?'隐藏':'显示';
    }
    </script>
      

  4.   

    能不能
    怎么能table也用this传啊?这样就只用在前台修改了