[javascript] JavaScript를 사용하여 레이블 텍스트 변경

다음이 저에게 효과가없는 이유는 무엇입니까?

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



답변

레이블이 페이지 (DOM)에 존재하기 전에 스크립트가 실행되기 때문입니다. 레이블 뒤에 스크립트를 넣거나 문서가 완전히로드 될 때까지 기다리십시오 ( jQuery ready()또는 http://www.webreference.com/programming/javascript/onloads/ 와 같은 OnLoad 기능 사용 ).

작동하지 않습니다.

<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>


답변

.innerText또는 .value대신 시도 했습니까 .innerHTML?


답변

스크립트가 실행될 때 레이블 요소가로드되지 않기 때문입니다. 레이블과 스크립트 요소를 바꾸면 작동합니다.

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


답변

.textContent대신 사용하십시오 .

나는 이것을 시도하기 전까지 레이블의 가치를 바꾸는 데 어려움을 겪고 있었다.

그래도 해결되지 않으면 console.dir이 질문에 표시된대로 콘솔에 로깅하여 설정할 수있는 속성을 확인하기 위해 개체를 검사 해보십시오 . HTML 요소를 JavaScript 개체로 로깅하려면 어떻게해야합니까?


답변

사용 .innerText이 작동합니다.

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


답변

다음은 jQuery를 사용하여 레이블의 텍스트를 변경하는 또 다른 방법입니다.

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

JsFiddle 예제 확인


답변

이 시도:

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