Ändern Sie Etikettentext mit Javascript

Question

Warum funktioniert das nicht für mich?

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

Answer 1

Da Ihr Skript ausgeführt wird, bevor das Label auf der Seite (im DOM) vorhanden ist. Entweder das Skript setzen, nachdem das 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> 

Dies funktioniert:

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

This example (jsfiddle link) behält die Reihenfolge (Skript zuerst, dann Label) und verwendet einen 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> 

Answer 2

Weil das Label-Element nicht geladen wird, 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> 

Answer 3

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

Answer 4

Da wird Skript ausgeführt werden sollen erste ..when Skript wird, dass die Zeit Kontrollen ausgeführt werden sollen nicht nach der Kontrolle Sie Skript schreiben Laden bekommen loaded.so wird es funktionieren

Answer 5

.innerText Mit funktionieren sollte.

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

Answer 6

Verwenden Sie stattdessen .textContent.

Ich hatte auch Schwierigkeiten, den Wert eines Etiketts zu ändern, bis ich das versuchte.

Wenn dies nicht lösen nicht versuchen, das Objekt inspizieren, um zu sehen, welche Eigenschaften Sie, indem Sie es an die Konsole mit console.dir auf diese Frage, wie gezeigt einstellen: How can I log an HTML element as a JavaScript object?

Answer 7

Try this:

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