Change label text using JavaScript

Question

Why doesn t the following work for me    lt script gt      document getElementById  lbltipAddedComment   innerHTML    Your tip has been submitted     lt  script gt   lt label id  lbltipAddedComment  gt  lt  label gt

User · Answer

Because a label element is not loaded when a script is executed  Swap the label and script elements  and it will work    lt label id  lbltipAddedComment  gt  lt  label gt   lt script gt      document getElementById  lbltipAddedComment   innerHTML    Your tip has been submitted     lt  script gt

User · Answer

Because the script will get executed first   When the script will get executed  at that time controls are not getting loaded  So after loading controls you write a script   It will work

User · Answer

Because your script runs BEFORE the label exists on the page  in the DOM   Either put the script after the label  or wait until the document has fully loaded  use an OnLoad function  such as the jQuery ready   or http   www webreference com programming javascript onloads    This won t work    lt script gt    document getElementById  lbltipAddedComment   innerHTML    your tip has been submitted     lt  script gt   lt label id  lbltipAddedComment  gt test lt  label gt    This will work    lt label id  lbltipAddedComment  gt test lt  label gt   lt script gt    document getElementById  lbltipAddedComment   innerHTML    your tip has been submitted     lt  script gt    This example  jsfiddle link  maintains the order  script first  then label  and uses an onLoad    lt label id  lbltipAddedComment  gt test lt  label gt   lt script gt  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                lt  script gt

User · Answer

Here is another way to change the text of a label using jQuery    lt script gt        lbltipAddedComment   text  your tip has been submitted      lt  script gt    Check the JsFiddle example

User · Answer

Using  innerText should work   document getElementById  lbltipAddedComment   innerText    your tip has been submitted

User · Answer

Use  textContent instead   I was struggling with changing the value of a label as well  until I tried this   If this doesn t solve try inspecting the object to see what properties you can set by logging it to the console with console dir as shown on this question  How can I log an HTML element as a JavaScript object

User · Answer

Have you tried  innerText or  value instead of  innerHTML

User · Answer

Try this    lt label id  lbltipAddedComment  gt  lt  label gt   lt script type  text javascript  gt         document getElementById   lt    lbltipAddedComment ClientID   gt    innerHTML    your tip has been submitted     lt  script gt

[javascript] Change label text using JavaScript

Examples related to javascript

Examples related to html

Examples related to label

Examples related to innerhtml