非常紧急！！！！如何实现这个div的隐藏啊？？？在线等！！

Question

我需要实现点击名为“添加”的按钮，显示名为“add”div中的内容。我写了如下代码却无法实现。哪个能帮我看下是什么问题啊？？非常紧急！！！在线等！
function display(tid)
{
  eval(tid).style.display="none"; 
}
<table width="60%"  border="" cellspacing="1" >
    <tr>
       <td height="30"   colspan="1"  width="50"><input type="button" name="add" value="添    加"  onclick="display(add)"></td>
        &nbsp;&nbsp;&nbsp;
       <td height="30"   colspan="1"  width="50">修改</td>&nbsp;&nbsp;&nbsp;
       <td height="30"   colspan="1"  width="50">删除某行</td>&nbsp;&nbsp;&nbsp;
       <td height="30"   colspan="1"  width="50"><input type="button" name="delall" value="删除多行"></td>
    
    </tr>
</table>
 <form action="savepaixu2.jsp" >
<div id="add" style="display:none" align=center>
<table width="100%" border=0>
    <tr>
    <td>
     <center>添加上述数据库中的数据</center>
     </td>
     <tr>
     </tr>
    </tr>
    <tr>
    <td>
    <center>
    年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;龄
    <input type="text" name="age">
    &nbsp;&nbsp;&nbsp;&nbsp;学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号
    <input type="text" name="sno">
    </center>
    </td>
    </tr>
    <tr>
   <td>
   <center>
   <input type="submit" value=提交 name="Submit"   > &nbsp; &nbsp; 
   <input type="reset" value="重写" name="Submit2">
   </center>
   </td>
    </tr>
</table>
</div>
</form>

Answer 1

function display(tid)
{
eval(tid).style.display="none";
}更换成：
function display(tid)
{
var o = document.getElementById(tid);
if (o)
{
if (o.style.display != "none")
{
o.style.display="none";
}
}
}

Answer 2

onclick="display(add)"
这里的onclick="display('add')" 你实际写的add是一个变量 他是undefined的所以就不管用了

Answer 3

<td height="30"   colspan="1"  width="50">
<input type="button" name="aaa" value="添    加"  onclick="javascript:return document.all.add.style.display='block'"></td>
这样就可以了
记得把按钮的name改掉