更改标签的值

Question

我想使用带有 Javascript 的事件更改标签的值。在我的按钮上，我有一个事件onclick，当您单击它时会转到特定功能，但我无法让他做我想做的事。例如启用或禁用一个元素。

我尝试使用普通按钮和 asp 按钮，但它不起作用。 Label 的 Visible 属性有效，因为标签消失了，但当我点击按钮时它没有出现。

这是代码：

<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">
    <script type="text/javascript">
        function myFunction() {
            var estado = document.getElementById('Label1');
            estado.Visible = true;
        }
    </script>
    <div id = "bloque1">
        <asp:Label ID="Label1" runat="server" Text="Label" Font-Size="55pt" Visible="false" />
    </div>
    <div class = "botones">
        <button onclick="myFunction()">Click me</button>
        <asp:Button ID="Button1" onclick="myFunction()" runat="server" Text="Button" />
    </div>
</asp:Content>

Answer 1

您的元素 ID 错误，应该是 ctl00_MainContent_Label1（或类似名称）。 您真正应该做的是使用以下方法始终获得正确的 ID：

var estado = document.getElementById('<%= Label1.ClientId %>');

这是因为 ASP 的 ID 元素与客户端上的不同。

其次，您要修改元素的样式属性。

function myFunction() {
    var estado = document.getElementById('<%= Label1.ClientId %>');
    estado.style.visibility = "visible"; // use hidden if you want to hide it again.
}

最后;当您设置Visible="false" 意味着标签不会在页面上呈现...您应该使用样式属性而不是style="visibility:hidden"。

<asp:Label ID="Label1" runat="server" Text="Label" Font-Size="55pt" Visible="true" style="visibility:hidden;"></asp:Label>