隐藏和显示面板的Javascript代码

Question

我想要一个javascript代码来隐藏/显示面板

面板具有网格，如果网格具有data...then，则应显示面板，如果网格为空，则应隐藏面板

我试过这个code..but它不工作...

<script language="javascript" type = "text/javascript">
    var gridview = (document.getElementById("#<%= gridview1.ClientID %>")) ? true : false;
    if (gridview) {
        document.getElementById("Panel1").style.display = 'inline';
        }
    else {
  document.getElementById("Panel1").style.display = 'none';
    }
</script> 

Answer 1

在document.getElementById("#<%= gridview1.ClientID %>")中删除#。

Answer 2

在这条线上-

var gridview =(document.getElementById(“var gridview1.ClientID %>"))？true : false；

不使用("#<%= gridview1.ClientID %>")，而是直接编写网格yourself.like的id

var gridview = (document.getElementById("gridview1"))？true : false；

试试看。

Answer 3

首先，我不熟悉C#，所以我不能代表代码的其他部分。至于JavaScript，有几件事你应该知道：

1. getElementById不返回布尔值，它返回一个对象。所以使用吧!！强制转换为boolean
2. getElementById并不会告诉您元素中是否有值。它只返回由getElementById指定的DOM对象。您需要检查innerText (针对IE、chrome、safari)或textValue (针对firefox、chrome、safari)属性。如果使用jQuery，则检查.val()或.text()是否为空。
3. 和getElementById只使用元素的名称，而不使用#。jQuery使用它。

希望能有所帮助，

Angela :)