dom 하위 노드 가 져 오기 비 어 있 는 노드 삭제

dom 하위 노드 가 져 오기 비 어 있 는 노드 삭제
최근 에 이 문 제 를 만 났 는데 그 이 유 를 자세히 설명 하 는 코드 를 찾 지 못 한 것 같 아서 제 가 잠깐 필 기 를 했 습 니 다.
우선 html 코드 를 보 내 드 리 겠 습 니 다.

이제 저 희 는 JS 로 td 의 하위 노드 개 수 를 가 져 옵 니 다.

var td = document.getElementById("TEST");  
console.log(td.childNodes.length)      //    5

내 가 가 져 올 때 childNodes 는 탭 문자 빈 칸 등 아래 의 모든 하위 노드 로 돌아 가기 때문이다.
해결 방법

function cleanWhitespacE(element){
        for(var i; i

element 는 부모 노드 내용 을 전달 하기 위해 서 입 니 다.
for 순환 문 구 를 만 들 고 부모 노드 아래 의 하위 노드 를 옮 겨 다 니 며
예 를 들 어 처음 실 행 했 을 때 우 리 는 하위 노드 의 값 을 node 로 설정 했다.
nodyType = = = 3 (nodeType = 3 Text 대표 요소 나 속성 에 있 는 텍스트 내용 None)
http://www.w3school.com.cn/jsref/prop_node_nodetype.asp
/ \ S /: 비어 있 지 않 은 정규 표현 식!(비어 있 지 않 음) = 빈 test () 이 하위 노드 의 내용 이 비어 있 는 지 테스트 합 니 다.
빈 값 과 같 을 때 노드 를 삭제 하고 걸 러 냅 니 다.