如何不通过 onclick 事件来实现表格显示隐藏

Question

试试把 table 放到前面去，即：<table width="331" height="41" border="1">
  <tr id=disp>
    <td>33322222222222222222</td>
  </tr>
  <tr>
    <td>3333333333333333</td>
  </tr>
</table>
<%
disp="display"
if disp="display" then
%>
<script>
document.getElementById("disp").style.display="inline";
</script>
<%
else
%>
<script>
document.getElementById("disp").style.display="none"; 
</script>
<%
end if%>

Answer 1

if disp="display" then
 if判断用一个等于就可以了吗？
display=“inline”改成display=“block”看看为什么不写在一个script里面了

Answer 2

用以上方法已经实现了，但是我在多个<tr>里 加了id=disp  为什么只能隐藏掉一个，不能隐藏全部<table width="331" height="41" border="1"> 
  <tr id=disp> 
    <td>33322222222222222222 </td> 
  </tr> 
  <tr id=disp> 
    <td>3333333333333333 </td> 
  </tr> 
  <tr id=disp> 
    <td>35555555533333 </td> 
  </tr> 
</table> 
<% 
disp="display" 
if disp="display" then 
%> 
<script> 
document.getElementById("disp").style.display="block"; 
</script> 
<% 
else 
%> 
<script> 
document.getElementById("disp").style.display="none"; 
</script> 
<% 
end if%>

Answer 3

一个页面上相同的ID只能出现一个...
改用其它方法吧，比如改用class，然后再搜索一下 getElementsByClassName ...

Answer 4

获得所有tr,然后看这些tr中id是否为disp<table width="331" height="41" border="1"> 
  <tr id=disp> 
    <td>33322222222222222222 </td> 
  </tr> 
  <tr id=disp> 
    <td>3333333333333333 </td> 
  </tr> 
  <tr id=disp> 
    <td>35555555533333 </td> 
  </tr> 
</table> <script> 
<% 
disp="display" 
if disp="display" then 
%> 
var disp='block';
<% 
else 
%> 
 var disp='none';
<% 
end if%>
var arr_tr=document.getElementsById("tr");
for(var i=0;i<arr_tr.length;i++){
   var tr=arr_tr[i];
   if(tr.id=='disp'){
       tr.style.display=disp;
   }
}
</script> 

Answer 5

document.getElementsById("tr"); 换成 document.getElementsByTagname("tr"); 

Answer 6

程序是非法的，哈哈
你是把jsp和js放在一起当同样的程序了
这里js根本不执行

Answer 7

vvkl 的方法似乎实现不了啊隐藏不了数据

Answer 8

<style>
.disp{
    display:block;
}
.nono{
    display:none;
}
</style><input type="button" name="return" value="return" onclick="doRet()"> 
<table border="1">
    <tr class="disp"><td>1</td></tr>
    <tr class="nono"><td>2</td></tr>
    <tr class="disp"><td>3</td></tr>
</table>