http://www.blogbus.com/blogbus/blog/diary.php?diaryid=157389

解决方案 »

  1.   

    <table id=table1>
       <tr>
          <td id=t1>1</td>
          <td id=t1>2</td>
          <td id=t2>3</td>
          <td id=t2>4</td>
       </tr>
       <tr>
          <td id=t1>a</td>
          <td id=t1>b</td>
          <td id=t2>c</td>
          <td id=t2>d</td>
       </tr>
    </table>
    <input type=button onclick=test() value=test>
    <SCRIPT LANGUAGE="JavaScript">
        var tag = true;
        function test()
        {     
            var arrTd1 = document.all.t1;
            var arrTd2 = document.all.t2;
            if(tag)
            {
                for(var i=0; i<arrTd1.length; i++)
                    arrTd1[i].style.display = "none";
                for(var i=0; i<arrTd2.length; i++)
                    arrTd2[i].style.display = "";
                tag = false;
            }
            else
            {
                for(var i=0; i<arrTd1.length; i++)
                    arrTd1[i].style.display = "";
                for(var i=0; i<arrTd2.length; i++)
                    arrTd2[i].style.display = "none";
                tag = true;
            }
        }
    </SCRIPT>