Изменить значение метки

Question

Я хочу изменить значение из метки, используя события с Javascript. На моей кнопке у меня есть событие onclick, когда вы нажимаете его, переходите к определенной функции, но я не могу заставить его делать то, что я хочу. Например, включить или отключить элемент.

Я пробовал с нормальной кнопкой и с кнопкой asp, но это не сработало. Свойство Visible from Label работает, потому что ярлык исчезает, но не появляется, когда я нажимаю кнопку.

Это код:

<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 (или аналогичным). Что вы действительно должны сделать, это использовать следующий метод, чтобы всегда получить правильный идентификатор:

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

Это потому, что элемент ID ASP не совпадает с элементом на клиенте.

Во-вторых, вы хотите изменить свойство стиля элемента.

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>