Ustaw literałowy tekst ASP z Javascriptem

Question

Mam asp: Literał na mojej stronie (, którego nie można przekonwertować na etykietę lub inną kontrolkę), której potrzebuję zmienić tekst za pomocą JavaScript. Mam następujący kod, który działa dla etykiety . Czy ktokolwiek może pomóc?

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

Dzięki

---

UPDATE: nie mogę zmienić z dosłownym jak kod tyłu pisze HTML/CSS do niego na komunikat informacyjny np

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

Answer 1

<asp:Literal> kontrole nie utwórz własny tag HTML.
Dlatego nie ma elementu, którym można manipulować.

Zamiast tego można zawinąć znacznik <asp:Literal> w identyfikatorze <div>.

Answer 2

Czy literał zawiera znaczniki html?

jeśli nie, można owinąć kontrolę dosłowną w div i nadać jej identyfikator. Następnie użyj js, aby zastąpić tekst w tym div.

w odpowiedzi na Twój aktualizacji:

w tym przypadku, ponieważ jesteś renderowania div z klasą success, chciałbym wykorzystać jQuery zaktualizować HTML w tej dz ... byłoby tak proste, jak :

$('.success').html('new html goes here'); 

Answer 3

Literał ASP.NET nie dodaje żadnych znaczników do strony. Dlatego trzeba zawijać treści w jakimś pojemniku, dzięki czemu można go edytować za pomocą JavaScript:

Zakładając, że miał następujące Dosłowne na stronie:

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

I zostały ustalone tekst poprzez kod związany (bo jeśli nie, można po prostu stworzyć zakresu/div w znacznikach na początku i nie ma tego problemu):

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

Kod za postać:

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

A JavaScript byłoby:

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

Answer 4

dosłownym jest bezpośrednie renderowanie tekstu na stronie. Jedynym wyświetlanym przez niego kodem HTML będzie znacznik HTML, który umieścisz w łańcuchu tekstowym ustawionym na Literał. Zamiast używać Literału otoczonego przez div (chyba że konkretnie chcesz tej funkcjonalności) możesz użyć ASP Label i wykonywać na nim operacje.

Answer 5

Wrap kontrola w <div> a następnie <asp:literal> użyć jQuery, jeśli potrzeba, aby usunąć zawartość jak pokazano poniżej:

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

Oto jak usunąć tekst przy użyciu jQuery:

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