'innerHtml'에 해당되는 글 2건

  1. 2014.05.23 ajax / innerHTML onload
  2. 2010.07.29 javascript - innerHTML은 웹표준이 아니라고? (2)
Programming/jsp2014.05.23 15:56
onload는 페이지 로드가 완료되었을때 발생하는 이벤트에 대한 핸들러 이다.
그리고 doc.innerHTML을 하면
해당 DOM(현재는 body 라는 id를 지닌 태그)의 내용이 수정 가능해진다.


<script type="text/javascript">
window.onload = function()
{
var doc = document.getElementById("body");
doc.innerHTML = "test";
};
</script> 

신고
Posted by 구차니

댓글을 달아 주세요

자바 스크립트 관련 책을 보다보니
innerHTML은 브라우저 별로 지원은 하지만, 웹 표준은 아니므로 DOM 관련 함수를 쓰라고 추천하고 있다.
하지만 막상 검색을 해보니, 성능측면에서 DOM 보다는 innerHTML을 추천하는 내용들이 많이 나온다.

아무튼,
"대규모로 조작을 해야 한다면 innerHTML에 한번에 업데이트 하는 것도 고려할만 하다.
하지만 내용이 많지 않을경우에는 DOM을 하는것이 좋다."
라는 것이 결론.

[링크 : http://forums.mozilla.or.kr/viewtopic.php?p=32382]
[링크 : http://firejune.com/976&stag=innerHTML]
[링크 : http://trend21c.tistory.com/929]
신고
Posted by 구차니

댓글을 달아 주세요

  1. html5

    DOM 레벨 3에서 표준은 아니었지만 모든 브라우저에서 제공하고 일반적으로 사용했습니다.
    그런데. HTML5에서 표준으로 제정되었습니다.

    2010.07.29 18:47 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 준 표준으로 사용되다가 결국에는 표준이 되었군요 ㅎ
      좋은정보 감사합니다~

      2010.07.29 19:27 신고 [ ADDR : EDIT/ DEL ]