[DOM] 브라우저별 childNodes의 개수가 다르다!?

별건 아니고 공부 하다보니 그래서..

이런경우 li의 개수를 파폭이나 크롬같은 애들은 7개의 노드를 가졌다고 그러고  IE는 3개를 가졌다고 한다.
<ol> <li>string</li> <li>string</li> <li>string</li> </ol>
이렇게 코딩해 놓으면 양쪽 모두 3개로 잘 나온다.
<ol><li>string</li><li>string</li><li>string</li></ol>
눈치 챘는지 모르겠지만 \n을 노드로 카운트 하는것인데..

해서..(요거 요즘 선덕여왕에 잘 나오는 대사다..) 찬찬히 확인해 보니 nodeType이 다르더라.. 우리가 원하는건 nodeType 1-element node-이다..

Returned integer	Node type Constant
1	ELEMENT_NODE
2	ATTRIBUTE_NODE
3	TEXT_NODE
4	CDATA_SECTION_NODE
5	ENTITY_REFERENCE_NODE
6	ENTITY_NODE
7	PROCESSING_INSTRUCTION_NODE
8	COMMENT_NODE
9	DOCUMENT_NODE
10	DOCUMENT_TYPE_NODE
11	DOCUMENT_FRAGMENT_NODE
12`	NOTATION_NODE

일단
for(var i=0; i<obj.childNodes.length;i++) { if(obj.childNodes[i].nodeType==1) { // 원하는 노드 타입인 경우에 뭔가를 하자.. } }
이렇게 해봤는데 저걸 함수로 만들어 놓고 보니 그 뭔가가 별로 할게 없더라..
그래서 한게 이건데 나름 쓸만.. ㅠ,.ㅠ
function KillNode(obj){ var length = 0; var obj2 = obj.childNodes; length = obj2.length; for(var i=length-1; i>=0; i--) { if(obj2[i].nodeType != 1 ) obj.removeChild(obj2[i]); } }
하나의 노드에 대한  하위노드를 확인하고 필요없는건 삭제한다..는 머 기능을..
노드를 뒤부터 지운건 큰의미는 없는데 음.. 혹시나 하는 마음에.. 그냥...(고로 앞부터 지워 보지는 않았다는 말..)

역시나 초 허접이다..

매번 jquery만 써서 그런지 기본 자바스크립트도 다 잊어버리고 있는거 같아서 공부하는데 DOM..어렵다.. 음....