当前页面: 开发资料首页 → JSP 专题 → 非常紧急！！！！如何实现这个div的隐藏啊？？？在线等！！

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

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

我需要实现点击名为“添加”的按钮，显示名为“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" >

</form>

---

怎么没有人回答那？？紧急啊！！

---

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";
}
}
}

---

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

---

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

---

问题解决了，非常谢谢楼上各位！！结贴哈！！^_^

---