如何在javascript中将服务器端标签显示更改为Block

本文关键字：显示 Block 标签 服务器端 javascript | 更新日期: 2023-09-27 18:28:18

如何将服务器端标签的显示属性更改为Block？

<asp:Label id="lblError" runat="server" style="display:none;"></asp:Label>
function block()
{
    // change display property to block
}

我试过

document.getElementById('lblError').style.display = "block";

但是它不起作用，请帮帮我。

如何在javascript中将服务器端标签显示更改为Block

使用ClientIDMode:

<asp:Label id="lblerror" runat="server" ClientIDMode="Static" style="display:none;"></asp:Label>

在客户端：

document.getElementById('lblerror').style.display = "block";

应该是：

document.getElementById('lblError').style.display = "block";

或者你可以使用一种更安全的方式：

var buttonID = '<%= lblError.ClientID %>';
var button = document.getElementById(buttonID);
if (button) { 
    button.style.display = 'block'; 
}

看起来你也错过了style=之后的双引号。应该是：

<asp:Label id="lblError" runat="server" style="display:none;"></asp:Label>

从客户端脚本访问控件的一种方法是将服务器控件的ClientID属性的值传递给document.getElementById方法。像这样：

document.getElementById('<%= lblerror.ClientID %>').style.display = "block";

看看这个：How to: Access Controls from JavaScript by ID。

相关文章：