[JS] document.write() 함수 사용시 주의

이벤트핸들러(ex.  on~)로 document.write(x) 사용시 모든 문서가 사라지고 x값만 출력되어 남게됨.

이벤트 핸들러로 호출되는 함수 내에 기입해도 마찬가지다. 

 

그러나 문서내 <script>태그로 작성해넣는 경우는 그렇지 않고 위치에 맞게 잘 출력된다.
이벤트핸들러로 호출되지 않는 함수 내에 기입된 경우도 마찬가지이다.

 

정리하자면 페이지 로딩 후 호출되는 경우는 현재 페이지를 덮어쓰기해버림.

이벤트핸들러에 적용시엔 innerHTML을 사용하자.

 

---

+ getElementById 는 대소문자 구분함! 이것때문에 함수가 작동하지 않는다면 오류 찾기 매우 힘들다😢