Ändern label-text mit Javascript

Warum funktioniert das nicht für mich?

<script>
  document.getElementById('lbltipAddedComment').innerHTML = 'your tip has been submitted!';
</script>
<label id="lbltipAddedComment"></label>

InformationsquelleAutor der Frage phil crowe | 2010-12-20

  1. 103

    Weil Ihr Skript ausgeführt wird, BEVOR das Etikett auf der Seite vorhanden (im DOM). Entweder das Skript nach dem label, oder warten Sie, bis das Dokument vollständig geladen ist (verwenden Sie ein OnLoad-Funktion, wie die jQuery ready() oder http://www.webreference.com/programming/javascript/onloads/)

    Dies nicht funktioniert:

    <script>
  document.getElementById('lbltipAddedComment').innerHTML = 'your tip has been submitted!';
</script>
<label id="lbltipAddedComment">test</label>

    Dies funktionieren wird:

    <label id="lbltipAddedComment">test</label>
<script>
  document.getElementById('lbltipAddedComment').innerHTML = 'your tip has been submitted!';
</script>

    Dieses Beispiel (jsfiddle-link) hält die Ordnung (Skript zuerst, dann-label) und verwendet ein onLoad:

    <label id="lbltipAddedComment">test</label>
<script>
function addLoadEvent(func) {  
      var oldonload = window.onload;  
      if (typeof window.onload != 'function') {  
        window.onload = func;  
      } else {  
        window.onload = function() {  
          if (oldonload) {  
            oldonload();  
          }  
          func();  
        }  
      }  
    }  

   addLoadEvent(function() {  
document.getElementById('lbltipAddedComment').innerHTML = 'your tip has been submitted!';

    });  
</script>

    InformationsquelleAutor der Antwort Konerak

  2. 15

    Haben Sie versucht .innerText oder .value statt .innerHTML?

    InformationsquelleAutor der Antwort GordonM

  3. 14

    Weil label-element nicht geladen ist, wenn das Skript ausgeführt wird. Swap-label-und script-Elemente und es wird funktionieren:

    <label id="lbltipAddedComment"></label>
<script>
  document.getElementById('lbltipAddedComment').innerHTML = 'your tip has been submitted!';
</script>

    InformationsquelleAutor der Antwort mvladic

  4. 8

    Verwenden .textContent statt.

    Ich kämpfte mit der änderung des Wertes einer label-als auch, bis ich versuchte dies.

    Wenn dies nicht lösen, versuchen Sie inspizierte das Objekt, um zu sehen, welche Eigenschaften, die Sie festlegen können, indem Sie die Protokollierung, die es auf der Konsole mit console.dir wie gezeigt, auf diese Frage: Wie kann ich mich anmelden ein HTML-element als ein JavaScript-Objekt?

    InformationsquelleAutor der Antwort Pochi

  5. 7

    Mit .innerText funktionieren sollte.

    document.getElementById('lbltipAddedComment').innerText = 'your tip has been submitted!';

    InformationsquelleAutor der Antwort Shilpa

  6. 0

    Weil Skript wird ausgeführt zuerst ..wenn das Skript wird ausgeführt, dass die Kontrollen nicht immer geladen.so, nachdem das laden von Steuerelementen schreiben Sie ein Skript, es wird funktionieren

    InformationsquelleAutor der Antwort Rachana

  7. 0

    Hier ist ein weiterer Weg, um zu ändern den text eines label-Verwendung von jQuery:

    <script>
  $("#lbltipAddedComment").text("your tip has been submitted!");
</script>

    Überprüfen Sie die JsFiddle-Beispiel

    InformationsquelleAutor der Antwort mustapha mekhatria

  8. -2

    Versuchen Sie dies:

    <label id="lbltipAddedComment"></label>
<script type="text/javascript"> 
      document.getElementById('<%= lbltipAddedComment.ClientID %>').innerHTML = 'your tip has been submitted!';
</script>

    InformationsquelleAutor der Antwort user1611219

Schreibe einen Kommentar