Thay đổi văn bản nhãn bằng JavaScript

Tại sao những điều sau đây không hiệu quả với tôi?

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

Bởi vì tập lệnh của bạn chạy TRƯỚC khi nhãn tồn tại trên trang (trong DOM). Đặt tập lệnh sau nhãn hoặc đợi cho đến khi tài liệu được tải đầy đủ (sử dụng hàm OnLoad, chẳng hạn như jQuery ready()hoặc http://www.webreference.com/programming/javascript/onloads/ )

Điều này sẽ không hoạt động:

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

Điều này sẽ hoạt động:

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

Ví dụ này (liên kết jsfiddle) duy trì thứ tự (script trước, sau đó đến nhãn) và sử dụng 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>

Bạn đã thử .innerTexthoặc .valuethay vì .innerHTML?

Bởi vì một phần tử nhãn không được tải khi một tập lệnh được thực thi. Hoán đổi các phần tử nhãn và tập lệnh, và nó sẽ hoạt động:

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

Sử dụng .textContentthay thế.

Tôi cũng đang vật lộn với việc thay đổi giá trị của một nhãn cho đến khi tôi thử điều này.

Nếu điều này không giải quyết được, hãy thử kiểm tra đối tượng để xem bạn có thể đặt thuộc tính nào bằng cách đăng nhập nó vào bảng điều khiển với console.dirnhư được hiển thị trong câu hỏi này: Làm cách nào để ghi nhật ký một phần tử HTML dưới dạng một đối tượng JavaScript?

Sử dụng .innerTextsẽ hoạt động.

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

Đây là một cách khác để thay đổi văn bản của nhãn bằng jQuery:

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

Kiểm tra ví dụ JsFiddle

Thử đi:

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

Bởi vì tập lệnh sẽ được thực thi đầu tiên .. Khi tập lệnh sẽ được thực thi, tại thời điểm đó các điều khiển sẽ không được tải. Vì vậy, sau khi điều khiển tải, bạn viết một tập lệnh.

Nó sẽ hoạt động.