表格的某几行需要 显示/隐藏 急啊.......

Question

function test1() {
  var i=0;
  while(eval(document.getElementById("tr"+i))) {
    i++;
    document.getElementById("tr"+i).style.display ='none';
  }
}

Answer 1

sorryfunction test1() {
  var i=0;
  while(document.getElementById("tr"+i)) {
    i++;
    document.getElementById("tr"+i).style.display ='none';
  }
}

Answer 2

用一个函数加一个参数就可以了
function test(str)
{
  for(var i=0;i<tb1.length;i++)
    if(tb1.rows[i].id.substring(0,2)=="tr")
       tb1.rows[i].display =str;}调用方法改一点  <INPUT style="WIDTH: 40px; HEIGHT: 19px" onclick="test("none");" type="button" value="hide">
  <INPUT style="WIDTH: 40px; HEIGHT: 19px" onclick="test("");" type="button" value="show">

Answer 3

没有成功啊…快要接近了!!    var i=0; 底下的程序不能动。
  var i=1; 底下的程序可以跑，但是ID=tr1 无法隐藏<INPUT style="WIDTH: 40px; HEIGHT: 19px" onclick="test1();" type="button" value="hide">
<INPUT style="WIDTH: 40px; HEIGHT: 19px" onclick="test2();" type="button" value="show"><table id="tb1">
<tr id="tr1" ><td>A1</td></tr>
<tr id="tr2" ><td>A2</td></tr>
<tr id="tr3" ><td>A3</td></tr>
<tr id="tr4" ><td>A4</td></tr>
<tr id="tr5" ><td>A5</td></tr>
<tr id="Name2" ><td>Name2</td></tr>
<tr id="Name3" ><td>Name3</td></tr>
<tr id="Name4" ><td>Name4</td></tr>
</table><script>
function test1() {
  var i=1;
  while(document.getElementById("tr"+i)) {
      i++;
    document.getElementById("tr"+i).style.display ='none';
  }
}function test2() {
  var i=1;
  while(document.getElementById("tr"+i)) {
      i++;
    document.getElementById("tr"+i).style.display ='';
  }
}
</script>

Answer 4

把i++;放到后面，如下：<INPUT style="WIDTH: 40px; HEIGHT: 19px" onclick="test1();" type="button" value="hide">
<INPUT style="WIDTH: 40px; HEIGHT: 19px" onclick="test2();" type="button" value="show"><table id="tb1">
<tr id="tr1" ><td>A1</td></tr>
<tr id="tr2" ><td>A2</td></tr>
<tr id="tr3" ><td>A3</td></tr>
<tr id="tr4" ><td>A4</td></tr>
<tr id="tr5" ><td>A5</td></tr>
<tr id="Name2" ><td>Name2</td></tr>
<tr id="Name3" ><td>Name3</td></tr>
<tr id="Name4" ><td>Name4</td></tr>
</table><script>
function test1() {
  var i=1;
  while(document.getElementById("tr"+i)) {
    document.getElementById("tr"+i).style.display ='none';
      i++;
  }
}function test2() {
  var i=1;
  while(document.getElementById("tr"+i)) {
    document.getElementById("tr"+i).style.display ='';
      i++;
  }
}
</script>

Answer 5

<INPUT style="WIDTH: 40px; HEIGHT: 19px" onclick="hideIE();" type="button" value="IE">
<INPUT style="WIDTH: 40px; HEIGHT: 19px" onclick="hideDOM();" type="button" value="DOM"><table id="tb1">
<tr id="tr1" ><td>A1</td></tr>
<tr id="tr2" ><td>A2</td></tr>
<tr id="tr3" ><td>A3</td></tr>
<tr id="tr4" ><td>A4</td></tr>
<tr id="tr5" ><td>A5</td></tr>
<tr id="Name2" ><td>Name2</td></tr>
<tr id="Name3" ><td>Name3</td></tr>
<tr id="Name4" ><td>Name4</td></tr>
</table><script>
function hideIE()
{
var allNode = document.all;
for (var i=0; i<allNode.length; i++)
if (allNode[i].id.substring(0, 2) == "tr")
allNode[i].style.display =
(allNode[i].style.display) ? "" : "none";
}
function hideDOM()
{
var table = document.getElementById("tb1");
var trs = table.getElementsByTagName("tr");
for (var i=0; i<trs.length; i++)
if (trs[i].id.substring(0, 2) == "tr")
trs[i].style.display = 
(trs[i].style.display) ? "" : "none";
}
</script>