JavaScript遍历XML子节点应使用childNodes并过滤元素节点，children在XML中不可靠；推荐getElementsByTagName、querySelectorAll或firstElementChild等方法。
JavaScript 中遍历 XML 的子节点，关键在于区分 childNodes 和 children —— 它们返回的内容完全不同，尤其在处理 XML（不是 HTML）时，children **基本不可用**。
childNodes：返回所有子节点，包括文本、注释、元素
childNodes 是标准 DOM 属性，对 XML 和 HTML 都有效。它返回一个 NodeList，包含该节点下的所有子节点，类型包括：
-
Element 节点（如
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免费学习笔记（深入）”；
例如：
const xmlDoc = new DOMParser().parseFromString( ``, 'application/xml' ); console.log(xmlDoc.documentElement.children); // ? [] 或 undefined（取决于浏览器） console.log(xmlDoc.documentElement.childNodes); // ? NodeList(4)，含 text + element - A
- B
所以：处理 XML 时，不要依赖 children，它不是可靠的跨浏览器方案。
推荐做法：用 getElementsByTagName 或 querySelectorAll（更安全）
如果目标是获取特定子元素，优先用语义明确的方法：
-
element.getElementsByTagName('name')→ 返回实时的HTMLCollection（XML 中也支持） -
element.querySelectorAll('name')→ 返回静态NodeList，支持 CSS 选择器（XML 中可用，但注意命名空间限制） -
element.firstElementChild/nextElementSibling→ 只跳过非元素节点，专为“元素链”设计，XML 中兼容性好
示例：
const items = xmlRoot.getElementsByTagName('item');
for (let i = 0; i < items.length; i++) {
console.log(items[i].textContent);
}
// 或用现代写法
xmlRoot.querySelectorAll('item').forEach(el => {
console.log(el.textContent);
});
小结：XML 遍历的核心原则
-
childNodes可用但需过滤（认准nodeType === 1） -
children在 XML 中尽量避免，它不是标准保障行为 - 优先使用
getElementsByTagName、querySelectorAll或firstElementChild等元素专用 API - 解析 XML 时，用
DOMParser并设置 MIME 类型为'application/xml'，确保按 XML 规则解析（避免被当 HTML 处理）
基本上就这些。XML 的 DOM 操作比 HTML 更“严格”，少些捷径，多些显式判断，反而更可靠。
