null의 'addEventListener'속성을 읽을 수 없습니다. 오류

Question

코드에 오류가 계속 발생합니다.

진행중인 경우 버튼이 페이지에 있는지 확인하려고합니다. 버튼은 페이지가로드 될 때 페이지에 있지 않지만 양식을 제출 한 후 바꿉니다 외부 페이지에 있습니다. 그런 다음 html 페이지가 ajax를 통해로드되었습니다.

var reloadButton = document.getElementById('reloadPage'); 

if (reloadButton.length > 0) { 

    function reloadPage() { 

     location.reload(); 

    } 

    if (reloadButton.addEventListener) { 

     reloadButton.addEventListener('click', reloadPage, false); 

    } else { 

     reloadButton.attachEvent('onclick', reloadPage); 

    } 

} 

나는 요소가있는 경우 존재하지 않는 경우 오류가 발생하는 것을 이해하지만, if 문 것을 내가 만든 이유. 다른 방법으로 요소를 확인해야합니까?

Answer 1

reloadButton.length가있을 수도 있고 없을 수도있는 속성을 호출하려고합니다. 사용할 수없는 경우 속성에 액세스하려고하면 오류가 발생합니다. 간단히 할 수 있습니다 :

if (reloadButton)