如何用JS隐藏和显示动态生成得表格

Question

<table id="table1" style="display:block;">
  <tr>
     <td>表格内容</td>
  </tr>
</table>
<input type="button" onclick="document.getElementById("table1").style.display='none'">

Answer 1

这位老兄，能给出一个完整得html和js得代码么，以前从没用过js，实在是太手生了，你帮个忙吧，多谢了：）

Answer 2

搞定了，呵呵。。这样子就可以了：）<a href="#" onclick="javascript:document.getElementById('t1').style.display='block';return false;" onDblClick="javascript:document.getElementById('t1').style.display='none';return false;"> link1 </a>
<table id="t1" style="display:none" width="100%"  border="1" cellspacing="0" cellpadding="0">
  <tr>
    <th rowspan="4" scope="col">&nbsp;</th>
    <th scope="col">&nbsp;</th>
    <th scope="col">&nbsp;</th>
    <th scope="col">&nbsp;</th>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

Answer 3

有ID就行了﹐用STYLE的DISPLAY控制

Answer 4

<script>
var showmode=false;
function showandhidden(){
        showmode = (showmode) ? false : true;
if(showmode){
document.getElementById("Week1").style.display="block";
}
if(!showmode){
document.getElementById("Week1").style.display="none";
}
}
</script>
<a href=# onclick=showandhidden()>Week1</a>
<div id=Week1 style="display:none">
<table>sdfsdfdfs
</table>
</div>你的那个让它消失还要双击，试试这个吧~！

Answer 5

多谢，多谢，另外，还得麻烦一下，如果我想传递一个参数
假如表格的id=$var是一个变量
function showandhidden(id){
        alert(id);
        showmode = (showmode) ? false : true;
if(showmode){
document.getElementById(id).style.display="block";
}
if(!showmode){
document.getElementById(id).style.display="none";
}
}
</script>
id=$var
<a href=# onclick=showandhidden($var)>Week1</a>
<div id=$var style="display:none">
<table>sdfsdfdfs
</table>
</div>w为什么老是不行呢：（，另外我alert出来的，好像参数并没有传过来，而是一个[object]
老兄帮人帮到底吧，多谢了

Answer 6

对,就是这样的
<table id="t1" onclick="this.style.display='none'">

Answer 7

因为你传递的变量是一个对象[object]
====document.getElementById("$var")
这是一个对象alert(id.innerHTML);就可以看到效果了 ，可以试试