Question

js 获取控件ID 问题

<script language=javascript type="text/javascript">
function PanelChange()
{
var p=document.getElementById("<%=Panel_UserInfo.ClientID%>");
if(p.style.display=="")
{
p.style.display="none";
}
else
{
p.style.display="";
}
}
</script>
上面的代码可以使ID为Panel_UserInfo显示或隐藏
但我的页面上有好几个Panel 我想将Panel的名称作为传递参数，来对他们进行显示或隐藏：
<script language=javascript type="text/javascript">
function PanelChange(Panel)
{
var p=document.getElementById("<%=Panel.ClientID%>");
if(p.style.display=="")
{
p.style.display="none";
}
else
{
p.style.display="";
}
}
</script>
但这样写无效的
应该怎么写？

Answer 1

var p=document.getElementById("<%=Panel.ClientID%>");
对于这行代码来说,Panel这个对象是服务端的对象,在客户端无法得到的

function PanelChange(Panel)
显然,这个函数传入的参数是Panel,但是<%=Panel.ClientID%>这又是在服务端运行的,这里的Panel是一个服务端的对象,与js函数的参数Panel完全是两回事

你这样改一下
function PanelChange(Panel)
{
if(p.style.display=="")
p.style.display="none";
else
p.style.display="";
}
当调用这个函数的时候 ,你就可以把<%=Panel.ClientID%>当作一个参数传入了:
PanelChange("<%=Panel1.ClientID%>");
PanelChange("<%=Panel2.ClientID%>");
PanelChange("<%=Panel3.ClientID%>");
PanelChange("<%=Panel4.ClientID%>");