使用JavaScript更改標簽文本

Question

為什么以下不適合我？

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

Answer 1

因為您的腳本在頁面上存在標簽之前運行（在DOM中）。 將腳本放在標簽之后，或者等到文檔完全加載（使用OnLoad函數，例如jQuery ready()或http://www.webreference.com/programming/javascript/onloads/ ）

這不起作用：

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

這將有效：

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

這個例子（jsfiddle鏈接）維護順序（首先是腳本，然后是標簽）並使用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

您是否嘗試過.innerText或.value而不是.innerHTML ？

Answer 3

因為執行腳本時未加載標簽元素。 交換標簽和腳本元素，它將工作：

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

Answer 4

請改用.textContent 。

我也在努力改變標簽的價值，直到我嘗試了這一點。

如果這沒有解決，請嘗試檢查對象以查看可以通過使用console.dir將其登錄到控制台來設置的屬性，如此問題所示： 如何將HTML元素記錄為JavaScript對象？

Answer 5

使用.innerText應該可行。

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

Answer 6

這是使用jQuery更改標簽文本的另一種方法：

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

檢查JsFiddle示例

Answer 7

因為腳本將首先執行..當腳本執行時，此時控件不會被加載。 所以在加載控件后你就編寫了一個腳本。

它會工作。

Answer 8

試試這個：

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