Ändern Sie den Beschriftungstext mit JavaScript

Warum funktioniert das Folgende bei mir nicht?

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

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

Das wird nicht funktionieren:

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

Das wird funktionieren:

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

In diesem Beispiel (jsfiddle-Link) wird die Reihenfolge (zuerst Skript, dann Bezeichnung) beibehalten und ein onLoad verwendet:

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

Hast du es versucht .innerTextoder .valuestatt .innerHTML?

Weil ein Label-Element nicht geladen wird, wenn ein Skript ausgeführt wird. Tauschen Sie die Beschriftungs- und Skriptelemente aus, und es wird funktionieren:

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

Verwenden Sie .textContentstattdessen.

Ich hatte auch Probleme damit, den Wert eines Labels zu ändern, bis ich es versuchte.

Wenn sich das Problem nicht beheben lässt, überprüfen Sie das Objekt, um festzustellen, welche Eigenschaften Sie festlegen können, indem Sie es wie in der folgenden console.dirFrage gezeigt in der Konsole protokollieren : Wie kann ich ein HTML-Element als JavaScript-Objekt protokollieren?

Verwenden .innerTextsollte funktionieren.

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

Hier ist eine andere Möglichkeit, den Text eines Etiketts mit jQuery zu ändern:

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

Überprüfen Sie das JsFiddle-Beispiel

Versuche dies:

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

Da das Skript zuerst ausgeführt wird. Wenn das Skript ausgeführt wird, werden zu diesem Zeitpunkt keine Steuerelemente geladen. Nach dem Laden der Steuerelemente schreiben Sie ein Skript.

Es wird klappen.