用Javascript设置ASP文字文本

Question

我的页面上有一个asp：(不能转换为标签或任何其他控件)，需要更改via JavaScript的文本。下面的代码适用于标签。有人能帮忙吗？

<script type="text/javascript">
        function changeText() {
            document.getElementById('<%= Test.ClientID %>').innerHTML = 'New Text';
        }
    </script>

        <a href="#" onclick='changeText()'>Change Text</a>
        <asp:Label id="Test" runat="server" Text="Original Text" />

谢谢

更新：I不能更改文字，因为后面的代码会为信息消息编写HTML/CSS：

​

LITMessage.Text = "<div class='success'>Information Successfully Updated</div>"

Answer 1

<asp:Literal>控件不创建自己的HTML。

因此，您无法操作任何元素。

相反，您可以使用ID将<asp:Literal>包装在<div>标记中。

Answer 2

ASP.NET文本不会向页面添加任何标记。因此，您必须将内容包装在某个容器中，以便可以通过JavaScript编辑它：

假设页面上有以下文字：

<asp:Literal runat="server" Id="literalControl" />

并且通过后面的代码设置文本(因为如果没有，您可以先在标记中创建span/div，而不是有此问题)：

literalControl.Text = "Some text you want to change";

后面的代码变成：

literalControl.Text = "<span id='myId'>Some text you want to change</span>";

而JavaScript将是：

document.getElementById('myId').innerHTML = 'New Text';

Answer 3

将<asp:literal>控件包装在一个<div>中，如果需要，可以使用jQuery清除内容，如下所示：

<div id="divMyText">
  <asp:Literal ID="MyText" runat="server"></asp:Literal>
</div>

下面是如何使用jQuery清除文本：

//Clear the html inside of the div
$("#divMyText").html("");