HTMLCollection vs. NodeList 异同点比较

最新推荐文章于 2024-10-16 08:00:00 发布

Almond666

最新推荐文章于 2024-10-16 08:00:00 发布

阅读量496

点赞数

分类专栏：前端开发文章标签： HTML Collection Node List

6 篇文章

订阅专栏

本文详细对比了HTMLCollection和NodeList两种DOM操作接口。两者均为类数组对象，具有length属性及item方法，但HTMLCollection仅包含元素节点，提供额外的namedItem方法，而NodeList可包含多种节点类型。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTMLCollection和NodeList的共同点显而易见：
1. 都是类数组对象，都有length属性
2. 都有共同的方法：item，可以通过item(index)或者item(id)来访问返回结果中的元素
3. 都是实时变动的（live），document上的更改会反映到相关对象上（例外：document.querySelectorAll返回的NodeList不是实时的）
HTMLCollection和NodeList的区别是：
1. NodeList可以包含任何节点类型，HTMLCollection只包含元素节点（elementNode），elementNode就是HTML中的标签
2. HTMLCollection比NodeList多一项方法：namedItem，可以通过传递id或name属性来获取节点信息