Set ASP Wörtliche text mit Javascript

Habe ich einen asp:Literal auf meiner Seite (, die nicht konvertiert werden, auf einem Etikett oder einem anderen Steuerelement), die ich brauche, um den text zu ändern, der über JavaScript. Ich habe den folgenden code, der funktioniert für eine Label. Kann jemand helfen?

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

Dank

UPDATE:
Ich kann nicht ändern, aus einer wörtlichen, wie der code dahinter schreibt HTML/CSS für eine Informations-Nachricht e.g:

LITMessage.Text = "<div class='success'>Information Successfully Updated</div>"
  • Warum können Sie nicht ändern, um andere zu Steuern? Das klingt wirklich seltsam, gepaart mit der Anforderung, den text zu ändern.
  • Ich aktualisiert meine ursprüngliche Frage
  • Ihre update, warum können Sie nicht ändern, um ein Etikett ist nicht sinnvoll. Dies ist einer der besonderen Zwecke des label-Steuerelements. Alles, was Sie tun können mit einem literal können Sie ziemlich viel zu tun mit einem label genau das gleiche. , Die being said, ich habe +1 @Slaks als seine Idee scheint die einfachste zu mir.
  • Denn technisch, zumindest für W3C-Konformität, Sie sollen nicht wrap ein div in ein span - vor allem, da diese möglicherweise nicht ordnungsgemäß wiedergegeben in der Zukunft, wenn IE/FF etc entscheiden, Sie können das nicht tun
  • Sie können nur die Arbeit mit den div. So geben Sie ihm eine eindeutige ID (stellen Sie sicher, dass nicht mehrere Instanzen der gleichen Zeichenfolge).
InformationsquelleAutor James | 2011-02-09
  1. 19

    <asp:Literal> Steuerelemente erstellen Sie nicht Ihr eigenes HTML-tag.

    Daher, es gibt kein element, dass Sie Bearbeiten können.

    Statt, Sie können wickeln Sie die <asp:Literal> im <div> - tag mit einer ID.

    • ... oder ein <span> tag, wenn es nur ein wenig text-Inhalt.
    • Oder verwenden Sie <asp:Label> eine Wörtliche verpackt in einem span.
    InformationsquelleAutor SLaks
  2. 7

    Einer ASP.NET Wörtliche fügt keine markup auf der Seite. Daher müssen Sie wickeln Sie Ihre Inhalte in einige container, so dass Sie es Bearbeiten können via JavaScript:

    Davon aus, dass Sie die folgenden Literal auf der Seite:

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

    Waren und Einstellung der text über code-behind (denn wenn Sie nicht, können Sie einfach erstellen Sie die span/div im markup, um mit zu beginnen und dieses Problem nicht auf):

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

    Den code hinter wird:

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

    Und die JavaScript wäre:

    document.getElementById('myId').innerHTML = 'New Text';
    InformationsquelleAutor Justin Niessner
  3. 3

    Tut das literal enthalten html-markup?

    wenn nicht, könnten Sie wickeln Sie das literal-Steuerelement in ein div und gib ihm eine id. Dann verwenden Sie js ersetzen Sie den text in das div.

    Antwort auf dein update:

    In diesem Fall, da Sie das Rendern ein div mit einer Klasse success würde ich jQuery zum aktualisieren der html-Code in das div...es wäre so einfach wie:

    $('.success').html('new html goes here');
    • Ich aktualisiert meine ursprüngliche Frage
    • aktualisierte Antwort. wenn möglich, verwenden jquery, um udpdate Sie den text in das div in der wörtlichen
    • Das ist eine gute Antwort, aber ich weiß nicht verwenden möchten, jQuery (verstehe es nicht!) Ich habe allerdings bewertet Sie es für andere Menschen, die verstehen, jQ.
    • jQuery wird Ihr Leben viel einfacher in Szenarien wie diese. Ich empfehle es jedem web-Entwickler. Es gibt eine Tonne von großen Ressourcen auf dem Netz, einschließlich der jquery-website. Unter anderem von jquery können Sie Elemente auswählen auf der Seite durch die css-Klasse oder element-id. Sie können als perfom verschiedene Operationen/Bearbeiten dieser Elemente.
    • in meiner Antwort oben...$(".Erfolg") wählen Sie die div mit der Klasse success angewendet. Aufruf der .html Funktion erlauben würde, Sie zu ersetzen den html-Code in der ausgewählten div
    InformationsquelleAutor stephen776
  4. 3

    Wickeln Sie die <asp:literal> Kontrolle in einem <div> und dann die jQuery-wenn nötig, löschen Sie den Inhalt wie unten gezeigt:

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

    Hier ist, wie um den text zu löschen mit jQuery:

    //Clear the html inside of the div
$("#divMyText").html("");
    InformationsquelleAutor atconway
  5. 1

    Ein Literal ist eine direkte Rendern von text auf der Seite. Die nur HTML gerendert wird, werden die HTML-markup-Code, den Sie in der text-Zeichenfolge, die Sie festlegen, um die Wörtliche. Anstatt eine Wörtliche umgeben von einem div (sofern Sie dies nicht ausdrücklich wollen, dass die Funktionalität) können Sie eine ASP-Label und durchführen von Vorgängen.

    InformationsquelleAutor Gaʀʀʏ
Schreibe einen Kommentar