在XML DOM编程中，NodeList是使用频率最高的节点集合类型。无论是通过document.getElementsByTagName选取一批元素，还是访问某个节点的childNodes属性，得到的往往都是NodeList对象。它保存了一组有序节点，可以用索引访问，但它并不完全等同于JavaScript数组。了解它的真实结构，是正确遍历和操作XML节点的基础。
NodeList是一个类数组对象
NodeList具有length属性和item方法，这是它和数组相似的地方。可以通过list.length获取节点数量，用list.item(0)或list[0]访问第一个节点。但它通常不继承Array.prototype，所以push、map、filter、slice等方法并不一定存在。在浏览器DOM中，现代NodeList实现了forEach，但XML解析环境或旧版本可能没有。判断一个对象是否为数组时，可以用Array.isArray(list)，对NodeList调用会返回false。
另一个容易混淆的点是NodeList分为静态和动态两种。document.querySelectorAll返回静态NodeList，而getElementsByTagName和childNodes通常返回动态NodeList。动态集合会随文档结构变化自动更新，遍历时删除节点可能导致索引错位。理解这一点可以避免很多奇怪的问题。下面先创建一个XML文档，看看NodeList的基本特征。
const xmlString = '<books><book>A</book><book>B</book></books>';
const parser = new DOMParser();
const xmlDoc = parser.parseFromString(xmlString, 'text/xml');
const bookList = xmlDoc.getElementsByTagName('book');
console.log(bookList.length); // 2
console.log(Array.isArray(bookList)); // false
console.log(bookList.item(0).textContent); // A
使用索引和item方法遍历
最通用、兼容性最好的方式是普通for循环。先读取length，再用索引逐个取出节点。不管NodeList是动态还是静态，只要遍历期间不修改文档结构，这种方式都可以稳定工作。建议将length缓存到变量中，避免每次循环都访问length属性，尤其在处理动态集合时，DOM变化可能导致长度改变，从而影响循环次数。
item(index)方法是DOM标准规定的访问方式，在旧浏览器或某些XML DOM实现中比方括号更保险。虽然现代环境几乎都支持方括号访问，但如果代码需要运行在较老的WebView、嵌入式浏览器或第三方XML解析组件中，优先使用item方法可以降低兼容性风险。下面是一个标准的索引遍历示例。
const books = xmlDoc.getElementsByTagName('book');
for (let i = 0; i < books.length; i++) {
const book = books.item(i);
const id = book.getAttribute('id');
console.log(id);
}
while循环同样可以完成遍历，而且在需要删除节点时，倒序遍历更安全。假设要根据某个属性删除部分<book>元素，正序遍历会导致删除后后续节点前移，从而跳过下一个节点；倒序遍历则不受前移影响，因为已经被检查过的索引不会再次参与判断。
现代遍历方式：for...of与forEach
在支持ES2015的环境中，浏览器里的NodeList通常实现了迭代器协议，可以直接用for...of遍历。这种写法更简洁，节点变量可以直接在循环体内使用。不过需要注意，并非所有JavaScript运行环境都保证XML DOM的NodeList支持迭代器。浏览器中的NodeList支持迭代，但一些旧版移动端WebView或非浏览器环境可能不支持。
更稳妥的做法是先用Array.from把NodeList转成真正的数组，然后就可以使用map、filter、reduce等数组方法。Array.from还能接收第二个参数作为映射函数，简化对节点的提取处理。
// 如果环境支持迭代器，可以直接遍历
for (const book of books) {
console.log(book.textContent);
}
// 稳妥做法：先转为数组
const bookArray = Array.from(books);
bookArray.forEach(book => {
console.log(book.textContent);
});
// 转换的同时提取标题
const titles = Array.from(books, book => {
const titleNode = book.getElementsByTagName('title')[0];
return titleNode ? titleNode.textContent : '';
});
console.log(titles);
forEach方法在现代浏览器中也可以直接调用，但要注意它并不是所有NodeList都实现。如果直接调用bookList.forEach，在部分XML解析器返回的集合上可能报错。判断方法很简单：typeof bookList.forEach === 'function'。若不存在，就使用Array.from转换后再调用。扩展运算符[...bookList]同样可以转换，但要求NodeList本身可迭代，Array.from对类数组对象的兼容性更好。
遍历动态NodeList的陷阱与处理
getElementsByTagName返回的动态NodeList会实时反映文档变化。如果在正序遍历时删除当前节点，后面的节点会自动补位到当前索引，导致跳过一个节点。例如按照status属性删除旧书籍时，正序删除容易漏项。最稳妥的做法是倒序删除，或者先收集需要操作的节点，再统一执行删除。
const books = xmlDoc.getElementsByTagName('book');
// 倒序遍历，安全删除指定节点
for (let i = books.length - 1; i >= 0; i--) {
const book = books.item(i);
if (book.getAttribute('status') === 'old') {
book.parentNode.removeChild(book);
}
}
childNodes同样返回动态集合，而且它包含元素节点、文本节点和注释节点。解析XML时，标签之间的空白经常形成文本节点，如果没有过滤，业务逻辑可能会处理到这些无用的空白内容。遍历childNodes时通常要用nodeType进行判断，nodeType为1表示元素节点，3表示文本节点，8表示注释节点。
const children = xmlDoc.documentElement.childNodes;
for (let i = 0; i < children.length; i++) {
const node = children.item(i);
if (node.nodeType === 1) {
console.log('元素节点:', node.nodeName);
} else if (node.nodeType === 3) {
console.log('文本节点，内容为:', node.nodeValue.trim());
}
}
如果只需要元素子节点，可以尝试使用children属性，但在XML DOM的某些实现中children可能不可用。为了保持兼容，最稳妥的方式仍然是遍历childNodes并按照nodeType === 1进行过滤。这样既能排除空白文本，也能忽略注释节点，保证后续处理只针对真正的XML元素。
综上，遍历XML DOM中的NodeList并不复杂，关键在于判断它的类型、运行环境以及是否为动态集合。兼容性要求高时使用for循环加item方法，追求简洁时使用for...of或转数组，修改DOM结构时优先倒序或先收集节点。根据场景选择合适方式，处理XML节点集合会更加稳定。
NodeList遍历XML DOMJavaScript修改时间：2026-09-27 14:43:37