遍历文本节点和元素节点

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
  }
}

你应该用nodeType来区分它们，而不是nodeName。