怎样点击一个按纽实现一批 <tr>标签隐藏和显示，请高手给指点

用js可以实现
如：document.all.div.style.display="";页面：
<tr>
<div style="display:none" id="div">
.....
</div>
</tr>不过有好多行的话，我看只能一行一行写了，^_^

解决方案 »

  1.   

    凡是偶数行都设置disyplay的值HTML { display : sDisplay }  
    Scripting object.style.display [ = sDisplay ] 
      

  2.   

    for(var i=tableid.rows.length;i>=0;i--)
       if(i%2==0)
          tableid.rows[i].style.display="none";
      

  3.   

    不知你说的是实际的偶数行还是数组中的偶数行，这里是实际偶数行的情况
    <html>
    <body onload="hide()">
    <table id="tableone" border="1">
    <tr><td>11</td><td>12</td></tr>
    <tr><td>21</td><td>22</td></tr>
    <tr><td>31</td><td>32</td></tr>
    <tr><td>41</td><td>42</td></tr>
    <tr><td>51</td><td>52</td></tr>
    <tr><td>61</td><td>62</td></tr>
    <tr><td>71</td><td>72</td></tr>
    <tr><td>81</td><td>82</td></tr>
    <tr><td>91</td><td>92</td></tr>
    <tr><td>101</td><td>102</td></tr>
    <tr><td>111</td><td>112</td></tr>
    <tr><td>121</td><td>122</td></tr>
    </table><script language="JavaScript">function hide(){

        var rowsLength = document.all.tableone.rows.length;
        for(var i = 0; i < rowsLength; i++){
           if( i%2 != 0){
             document.all.tableone.rows[i].style.display = "none";
           }   
        }
    }
    </script>
    </body>
    </html>