IE8 - P tag] 태그를 가려(?)받습니다.

('10.12.06 추가수정)

기존에는 div element 에 addChild 를 쓰는 형식으로
이것저것(?) 적용을 마구(?) 시켜도 오류가 않났는데

addChild('10.12.06 13:30 정정) appendChild 를 이용해서 내용의 상단에 올리려던 생각을 하고, 만들다보니
= =;... 뭔가 조금 이상하다고 할지...

잘 먹히던 innerHTML 이 작동이 되지 않았다.

*참고*
상단에 올리기 위해서는 상단에 있는 내용을 재분석해서 만들거나,
outerHTML 을 이용해서 해당 element 를 재구축하는 것 밖에 모르고있어서... 그런데,

FireFox 에서는 outerHTML 이 작동하지 않는 문제로, 상단에 있는 내용을 재분석해서 만듦.

...

이상해서(?) 찬찬히 뜯어(?)보고, 이리보고, 저리봐도 이상 없는것 같다가(?),
자세히보니 <P 태그였다.

...

대충 10년전이었던가... 개인용 미니홈피를 만들 때
태그 안쪽에 innerHTML 을 않넣으려고 생각했던 이유가,

사실은... innerHTML 이 적용이 안되는 것 같은 느낌(?)이 있었기 때문...이라기보다는,

왠지 안나오는 것 같고,
document.write 로 적은 element 는 작동을 않할 것도 같았고...하던 복잡한(?) 사연때문이었다.
(당시에도 document.write 를 즐겨 써왔었다.
그 덕에 "게임 느려진다~"라는 말도 많이 들어왔고... - 게임웹진 게시판지기시절...)

...

<p onclick="this.innerHTML=this+'';this.innerHTML+='<div>123div</div>';">123</p>
<br />
<div onclick="this.innerHTML=this+'';this.innerHTML+='<div>456div</div>';">456</div>
<br />
* 123 과 456 을 클릭해보시면 기존 p, div element 의 정체(?)를 먼저 넣고,
123div 가 추가(?)되지 않는(IE8) 효과와, 456div 가 추가되는 효과를 얻을 수 있습니다.

...

123

456

* 123 과 456 을 클릭해보시면 기존 p, div element 의 정체(?)를 먼저 넣고, 123div 가 추가(?)되지 않는(IE8) 효과와, 456div 가 추가되는 효과를 얻을 수 있습니다.

...

저 문제를 해결(?)하기 위해
div 태그를 생략하고 center 태그만 써볼까...라는 것도 시도해봤지만, div 태그처럼 실패.
( <a , <img , <span , <br />  태그는 문제없이 적용됨.)

결국, div, center 를 포기한 내용물만 집어넣기로 하고 1차종료(?)시켰는데...

...

어? table 태그가 먹히네...
예전에 table 을 써서 눈가리기(?) 적용을 했던 기억이 다시 떠올랐다.

...

<p onclick="this.innerHTML=this+'';this.innerHTML+='<table><tr><td>123table</td></tr></table>';">123</p>
* 123을 누르면 기존 p element의 정체(?)를 먼저 넣고, 123table 이 추가되는 효과를 얻을 수 있습니다.

...

123

* 123을 누르면 기존 p element의 정체(?)를 먼저 넣고, 123table 이 추가되는 효과를 얻을 수 있습니다.

...

table 태그를 img 태그처럼, 하나의 아이템으로 본다...라고 판단해도 되는걸까? ㅎㅎ;...

... 급한대로(?) 이거라도 붙잡고, 쓸까...하고 고민중.

...

*추가*
실제로 addChild('10.12.06 13:30 정정) appendChild( document.createElement('CENTER') ) 형식으로
태그만 넣는 건 문제가 되지 않았는데, ('10.12.06 13:30 element('CENTER') 에서 정정)

문제는, 추가한 CENTER element 에 .innerHTML='<DIV ...></DIV>' 로 넣었을 때에는
P 태그의 영향때문인지, 문제가 됐다는거...

나중에 시간(?)이 되면 addChild 형식으로 구조화에 시켜보고는 싶은데...
기존 작성한 태그를 그런 형식으로 줄이는게 잘 될라나... = =;...

*추가* '10.12.06
태그내용이 아닌 텍스트만 들어가도 오류가 남.

NowMark killofki@.