텍스트 노드와 요소 노드를 반복하십시오.

Question

요소 노드를 반복하고 텍스트 노드를 childNodes로 사용하려면 element.children을 사용했습니다. 텍스트 노드와 요소 노드를 모두 반복 할 수 있습니까?

let children = this.element.children; 
for (let i = 0; i < children.length; i++) { 
    // do something with children[i] element 
} 
let childrenNodes = this.element.childNodes; 
for (let i = 0; i < childrenNodes.length; i++) { 
    if (childrenNodes[i].nodeName == "#text") { 
    // do something with childrenNodes[i] text node 
    } 
} 

childNodes가있는 요소에 액세스 할 수 있습니까?

Answer 1

그냥 요소와 텍스트를 모두 노드가 포함 childNodes을 사용

이

const childNodes = this.element.childNodes; 
for (let i = 0; i < childNodes.length; i++) { 
    if (childNodes[i].nodeType == 1) { 
    // do something with childrenNodes[i] element 
    } else if (childNodes[i].nodeType == 3) { 
    // do something with childrenNodes[i] text node 
    } 
} 

당신은하지 nodeName함으로써 nodeType에 의해 구별해야한다.