요소 스크립트 내에서 텍스트가 변경됩니다.

Question

2 가지 기능이 포함 된 스크립트가 있습니다.

첫 번째 함수는 기존 div 안에 단락 요소를 만드는 역할을합니다. 스크립트의 두 번째 부분은 onclick 이벤트에 의해 트리거 된 사전 정의 된 텍스트 (텍스트가 첫 번째 함수에서 미리 정의 됨)를 변경하는 함수입니다.

HTML :

<a href="" onclick="changeText();return false;">Change Text</a> 
<div id='box'></div> 

자바 스크립트 :

var x, el; 

    window.onload = function createEl() { 

     x = document.getElementById('box'); 
     el = document.createElement('p'); 
     el.appendChild(document.createTextNode("Hello")); 
     x.appendChild(el); 

}

 function changeText() { 
       el.innerHTML = 'other text'; 
     } 

내 질문은 : 같은 결과를 얻을 수 있지만, 전역 변수를 사용하지 않고이 작업을 수행 할 수있는 방법이 있나요 ? 한 함수에서 다른 변수로 변수를 전달한 다음 거기에서 업데이트 할 수있는 옵션이 있어야한다는 것을 알고 있지만 어떻게해야하는지 잘 모르겠습니다.

Answer 1

p 태그에 ID를 부여하고 document.getElementById을 사용하십시오. .