テキストノードと要素ノードを反復する

Question

要素ノードを反復処理するためにelement.childrenを使用し、テキストノードを処理するためにchildNodesを使用しました。 テキストノードと要素ノードの両方をどのように反復処理できますか？

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によってそれらを区別すべきです。