NodeList 节点集合

最后更新：2026-09-09

NodeList 是节点集合：由 querySelectorAll 返回。有 forEach 但不是数组。

分类	DOM 操作
ES 版本	ES1

📝 语法

const items = document.querySelectorAll('.item');
items.forEach(item => console.log(item));

编辑下方代码，点击运行，在输出面板查看结果：

运行结果：

（遍历打印）

💡 提示 NodeList 有 forEach 但没有 map/filter——需要时用 [...nodeList] 转换。

ℹ️ info querySelectorAll 返回静态 NodeList。

更多实战案例即将上线，敬请期待。

QNodeList 和 HTMLCollection 的区别？

AquerySelectorAll 返回 NodeList（静态）；getElementsBy* 返回 HTMLCollection（动态）。

Q如何转为数组？

A[...nodeList] 或 Array.from()。

QNodeList 是静态的还是动态的？

AquerySelectorAll 是静态的。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。