JavaScript怎么遍历XML的子节点 childNodes和children的区别

JavaScript遍历XML子节点应使用childNodes并过滤元素节点，children在XML中不可靠；推荐getElementsByTagName、querySelectorAll或firstElementChild等方法。

JavaScript 中遍历 XML 的子节点，关键在于区分 childNodes 和 children —— 它们返回的内容完全不同，尤其在处理 XML（不是 HTML）时，children **基本不可用**。

childNodes：返回所有子节点，包括文本、注释、元素

childNodes 是标准 DOM 属性，对 XML 和 HTML 都有效。它返回一个 NodeList，包含该节点下的所有子节点，类型包括：

• Element 节点（如 <book></book>）→ nodeType === 1
• Text 节点（如标签间的空格、换行、文字内容）→ nodeType === 3
• Comment 节点（如 <!-- 注释 -->）→ nodeType === 8

XML 文档通常有大量空白文本节点（尤其格式化后），所以直接遍历 childNodes 很容易误操作文本节点。建议过滤：

for (let node of xmlRoot.childNodes) {
  if (node.nodeType === Node.ELEMENT_NODE) {
    console.log(node.tagName); // 安全获取元素名
  }
}

children：只返回元素子节点，但 XML 中通常为 null 或空集合

children 是 Element 接口的属性，**只对元素节点（Element）有效**，且规范中明确指出：它只在 HTML 文档中保证可用；在 XML 文档中，浏览器行为不一致，多数情况下返回空的 HTMLCollection 或 undefined。

立即学习“Java免费学习笔记（深入）”；

例如：

标签： css javascript java html node 浏览器 app 区别