Modifier le texte de l'étiquette à l'aide de JavaScript

Pourquoi ce qui suit ne fonctionne-t-il pas pour moi?

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

Parce que votre script s'exécute AVANT que l'étiquette existe sur la page (dans le DOM). Placez le script après l'étiquette ou attendez que le document soit complètement chargé (utilisez une fonction OnLoad, telle que jQuery ready()ou http://www.webreference.com/programming/javascript/onloads/ )

Cela ne fonctionnera pas:

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

Cela fonctionnera:

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

Cet exemple (lien jsfiddle) maintient l'ordre (script d'abord, puis étiquette) et utilise 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>

Avez-vous essayé .innerTextou à la .valueplace de .innerHTML?

Parce qu'un élément d'étiquette n'est pas chargé lorsqu'un script est exécuté. Échangez les éléments d'étiquette et de script, et cela fonctionnera:

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

Utilisez .textContentplutôt.

J'avais également du mal à changer la valeur d'un label, jusqu'à ce que j'essaye cela.

Si cela ne résout pas, essayez d'inspecter l'objet pour voir quelles propriétés vous pouvez définir en le connectant à la console avec console.dircomme indiqué sur cette question: Comment puis-je enregistrer un élément HTML en tant qu'objet JavaScript?

L'utilisation .innerTextdevrait fonctionner.

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

Voici une autre façon de modifier le texte d'une étiquette à l'aide de jQuery:

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

Consultez l' exemple JsFiddle

Essaye ça:

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

Parce que le script sera exécuté en premier. Lorsque le script sera exécuté, à ce moment-là, les contrôles ne seront pas chargés. Donc, après le chargement des contrôles, vous écrivez un script.

Ça va marcher.