'innerhtml'에 해당되는 글 2건

  1. 2008.10.30 [Ajax] innerHTML 삽입시
  2. 2007.08.29 innerHTML을 사용할 시에

[Ajax] innerHTML 삽입시

|

innerHTML 을 이용하여 내용을 삽입할 때,
삽입할 내용에

<html><head></head><body></body></html>

이러한 완전한 구조의 html문서가 포함되어있을 경우
body의 backgroundImage가 초기화 되는 등의 영향을 미칠 수 있다.(firefox에서..)

IE에서도 페이지 첫 로딩시에 innerHTML로 삽입될 경우 오류창이 뜬다.


해결책)
삽입할 내용 중에서 <body></body>안에 들어있는 알맹이만 빼고
나머지는 제거해줘야 안전하게 돌아간다.

또한, innerHTML 삽입은 body 엘리먼트 로딩이 끝난 후 진행되도록 처리한다.
예) document.body.onload = functino { abc() }
And

innerHTML을 사용할 시에

|

타겟으로 사용되는 <div>태그에 제대로 내용이 나타나지 않았는데,

<tr><td>로 묶어주니 제대로 표현이 되었다.

<tr><td>
      <div id="photos"> </div>
  </td></tr>

이런식으로.

And
prev | 1 | next