Изменить текст метки с помощью 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 и script, и они будут работать:

<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

Попробуйте это:

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

Answer 8

Поскольку сценарий будет выполнен первым. Когда сценарий будет запущен, элементы управления не будут загружены. Поэтому после загрузки элементов управления вы пишете скрипт.

Это будет работать.