Изменение текста ярлыка с помощью Javascript - программирование
Подтвердить что ты не робот

Изменение текста ярлыка с помощью Javascript

Почему это не работает для меня?

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

Ответ 1

Поскольку ваш script работает до того, как на странице существует метка (в DOM). Либо поставьте script после метки, либо дождитесь полной загрузки документа (используйте функцию 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) поддерживает порядок (script сначала, затем метку) и использует 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>

Ответ 2

Вы пробовали .innerText или .value вместо .innerHTML?

Ответ 3

Поскольку элемент label не загружается, когда выполняется script. Swap label и script, и он будет работать:

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

Ответ 4

Использование .innerText должно работать.

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

Ответ 5

Используйте .textContent вместо этого.

Я тоже пытался изменить значение метки, пока не попробовал это.

Если это не решит попробовать проверить объект, чтобы узнать, какие свойства вы можете установить, зарегистрировав его в консоли с помощью console.dir, как показано на этом вопросе: Как я могу войти в журнал HTML-элемент как объект JavaScript?

Ответ 6

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