자바 스크립트에서 요소 만들기 - 궁금하다면

Question

나는 약간의 코드를 작성하고 그 문제를 직면했다. 그때 나는 오류가있어 삭제 기능을 사용할 때

var mainCont=document.createElement('div'); 
mainCont.innerHTML="<div style='display: block; height: 20px;'></div>"; 
mainCont.innerHTML=mainCont.innerHTML+"<div style='display: block; height: 40px; width: 100%; text-align: right;'></div>"; 

document.body.appendChild(mainCont); 

var delete=function() 
{ 
    document.body.removeChild(mainCont); 
} 

을 삭제할 수 있습니다 funcion 여기, 내 코드의 일부이다 단지를 추가, 사업부를 만들고. 하지만 이렇게하면 오류가 나타나지 않습니다.

someVariable=mainCont; 
var delete=function() 
{ 
    document.body.removeChild(someVariable); 
} 

왜 첫 번째 코드가 작동하지 않습니까? 그리고 두 번째 이유는 무엇입니까? 나는이 문제에 대해 더 많이 알고 싶지만 구글에서 더 쉽게 "정교한"것들을 쉽게 찾을 수는 없다. 모든 출처와 답변에 미리 감사드립니다.

Answer 1

var mainController를 삭제 기능과 별도의 범위에 정의하는 것처럼 보입니다. 변수에 삭제 기능에 액세스 할 수 있습니다 전역으로 someVariable을 넣어 것 VAR없이 위의 호출

someVariable=mainCont; 

. 우리가 디버깅 할 수 있도록 문제가 아닌 경우 jsFiddle을 만들어보십시오.