用于隐藏和显示面板的Javascript代码

本文关键字：Javascript 代码 隐藏 显示 用于 | 更新日期: 2023-09-27 17:59:31

我想要一个javascript代码来隐藏/显示面板
面板有一个网格，如果网格有数据。。。则应显示面板如果网格为空，则面板应隐藏

我试过这个代码。。但它不起作用。。。

<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>

用于隐藏和显示面板的Javascript代码

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

行-

var gridview=（document.getElementById（"#<%=gridview1.ClientID%>"）？真：假；

不要使用（"#<%=gridview1.ClientID%>"），而是自己编写网格的直接id。类似

var gridview=（document.getElementById（"gridview 1"）？真：假；

试试看。

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

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

希望有帮助，
Angela:）

相关文章：