빈 텍스트 노드 처리

CODEDRAGON Development/JavaScript, jQuery, ...

반응형



 

 

텍스트 노드 처리

대부분 브라우저는 모두 W3C DOM 모델을 지원하고 있습니다. 하지만, 처리 방식에 있어 약간씩의 차이가 있습니다. 그중에서도 가장 차이점은 띄어쓰기와 바꿈을 처리하는 방식입니다.

 

구분

처리 방식

크롬, 파이어폭스   기타 브라우저

띄어쓰기나 바꿈을 텍스트 노드(text node) 취급합니다.

익스플로러

띄어쓰기나 바꿈을 텍스트 노드로 취급하지 않습니다.

 

 

 

해결방법

·       자식 노드나 형제 노드를 이용하여 원하는 노드에 접근하려고 하면 브라우저 간에 차이가 발생하게 됩니다.

·       차이를 없애는 가장 손쉬운 방법은 nodeType 프로퍼티를 사용하여 선택된 요소의 타입을 검사해야 합니다.