HTMLCollection是 HTML 元素的集合。

NodeList 是文档节点的集合。

NodeList 和 HTML 集合几乎完全相同。

HTMLCollection 和 NodeList 对象都是类数组的对象列表(集合)。

它们都有定义列表(集合)中项目数的 length 属性

它们都可以通过索引 (0, 1, 2, 3, 4, …) 像数组那样访问每个项目。

访问 HTMLCollection 项目,可以通过它们的名称、id 或索引号

访问 NodeList 项目,只能通过它们的索引号

只有 NodeList 对象能包含属性节点和文本节点

节点列表不是数组!

节点数组看起来像数组,但并不是。

您能够遍历节点列表并像数组那样引用其节点。

不过,您无法对节点列表使用数组方法,比如 valueOf()、push()、pop() 或 join()。

HTMLCollection 与 NodeList 的区别相关推荐

  1. HTMLCollection 和 NodeList 的区别

    HTMLCollection HTMLCollection 表示一个包含了元素(元素顺序为文档流中的接口)的集合(通用集合),还提供了从该集合中选择元素的属性和方法. 例如使用 getElements ...

  2. HtmlCollection和Nodelist的区别

    1.Nodelist是返回节点的集合,而nodelist里面也有数组,因此元素也是节点的一种,也就是元素节点 <div class="a"><div class= ...

  3. span居div中_JavaScript-html Dom中的HTMLCollection和NodeList

    HTMLCollection对象 HTMLCollection是元素集合,它和NodeList很像,有length属性来表示HTMLCollection对象的长度,也可以通过elements.item ...

  4. HTML列表中项目结点是,HTMLCollection和NodeList

    HTMLCollection是元素集合(元素顺序为文档流中的顺序),它和NodeList很像,有length属性来表示HTMLCollection对象的长度,可以通过 item() 传入数字索引来访问 ...

  5. HTMLCollection vs NodeList

    原文地址:HTMLCollection vs NodeList 作者:HungerLyndon 来源:简书 =============================== 正文 =========== ...

  6. 你可能没有听说过 js中的 DOM操作还有这个: HTMLCollection 和 NodeList

    一文了解DOM操作中的HTMLCollection和NodeList ⛱️序言

  7. node更改html中的列表,HTMLCollection和NodeList

    HTMLCollection是元素集合(元素顺序为文档流中的顺序),它和NodeList很像,有length属性来表示HTMLCollection对象的长度,可以通过 item() 传入数字索引来访问 ...

  8. NodeList和HTMLCollection的区别

    一.NodeList:文档节点的集合,只能通过索引获取      1.获取NodeList对象的方法: (1)一些旧版本浏览器中的方法(如 getElementsByClassName()),返回的是 ...

  9. JS 查看标签下某元素所有信息(查看元素,查询元素,遍历元素、HTMLCollection对象、NodeList对象)

    NodeList 对象是一个从文档中获取的节点列表 (集合) . NodeList 对象类似 HTMLCollection 对象. 一些旧版本浏览器中的方法(如:getElementsByClassN ...

最新文章

  1. asp.net HttpHand和HttpModule的详细解释,包括Asp.Net对Http请求的处理流程。
  2. 诺基亚n1平板电脑刷机教程_【个人记事本】闲鱼购买平板的经历
  3. Linux系统编程38:多线程之什么是线程同步以及条件变量函数
  4. tomcat下的公共jar包配置
  5. linux ftp 服务配置
  6. go liteIDE 快捷键
  7. 【Ubuntu】用g++生成动态库
  8. vios映射_以最低要求映射VIOS LUN
  9. [Unity] 状态机事件流程框架 (二) 设计游戏状态的保存框架,存档功能 ScriptableObject、EasySave
  10. 【机器学习】sklearn机器学习入门案例——使用k近邻算法进行鸢尾花分类
  11. 带上传文件功能的写CSDN博客并发表
  12. POST http://域名:8080/项目/base/api/login/user/login net::ERR_CONNECTION_RESET 错误
  13. 捕获海康威视IPCamera图像,转成OpenCV可以处理的图像(一)
  14. Eclipse 配置 JRE
  15. 【AI浅谈】AI算法,用尽可能简单的话讲懂AI的原理【1】
  16. python数字比较大小的函数_python3写一个比较数字大小的简单脚本,大师来详解...
  17. 预训练模型,NLP的版本答案!
  18. 红帽linux端口关闭,科学网—RHEL下关闭某个端口 - 孙鹏的博文
  19. Arduino通过PS2模块使用PS2键盘
  20. 【历史上的今天】10 月 25 日:Windows XP 诞生;任正非出生;图灵奖编程语言先驱诞生

热门文章

  1. MTK用UART1输出log信息
  2. 李阳疯狂英语900句
  3. 谈谈对现在走向末路的传奇
  4. 解决Execution failed for task‘:app:mergeDebugResources...
  5. Sata Driver List
  6. 中国防近视镜片市场深度研究分析报告
  7. 【ACL 2022】Text Smoothing:针对文本分类任务的数据增强方法
  8. 帝国cms7.5仿《至诚财经网》股票证券门户网站源码+手机版
  9. [转帖] 超级强悍的孩子 (爆笑)
  10. h5网站对服务器要求高么,专业网页设计师告诉你,H5究竟是什么?