Modifica il testo dell'etichetta utilizzando JavaScript

Perché il seguente non funziona per me?

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

Perché lo script viene eseguito PRIMA che l'etichetta esista sulla pagina (nel DOM). Inserisci lo script dopo l'etichetta o attendi fino al completo caricamento del documento (utilizza una funzione OnLoad, come jQuery ready()o http://www.webreference.com/programming/javascript/onloads/ )

Questo non funzionerà:

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

Questo funzionerà:

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

Questo esempio (jsfiddle link) mantiene l'ordine (prima lo script, poi l'etichetta) e utilizza un 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>

Hai provato .innerTexto .valueinvece di .innerHTML?

Perché un elemento etichetta non viene caricato quando viene eseguito uno script. Scambia l'etichetta e gli elementi dello script e funzionerà:

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

Uso .textContent invece.

Stavo lottando anche per cambiare il valore di un'etichetta, finché non l'ho provato.

Se questo non risolve, prova a ispezionare l'oggetto per vedere quali proprietà puoi impostare accedendo alla console con console.dircome mostrato in questa domanda: come posso registrare un elemento HTML come oggetto JavaScript?

L'utilizzo .innerTextdovrebbe funzionare.

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

Ecco un altro modo per modificare il testo di un'etichetta utilizzando jQuery:

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

Controlla l' esempio JsFiddle

Prova questo:

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

Perché lo script verrà eseguito per primo .. Quando lo script verrà eseguito, in quel momento i controlli non vengono caricati. Quindi, dopo aver caricato i controlli, scrivi uno script.

Funzionerà.