HTMLCollection与NodeList

最新推荐文章于 2023-08-31 14:17:39 发布
VIP文章 最新推荐文章于 2023-08-31 14:17:39 发布
阅读量4.3k 收藏 5
点赞数
分类专栏： JavaScript Web 文章标签： HTMLCollection NodeList
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hztgcl1986/article/details/9112435
版权

以下方法获取的为HTMLCollection对象

document.images //所有img元素
document.links //所有带href属性的a元素和area元素
document.anchors //所有带name属性的a元素
document.forms //所有form元素
document.scripts //所有script元素
document.applets //所有applet元素
document.embeds //所有embed元素
document.plugins //document.与embeds相同
document.getElementById("table").children
document.getElementById("table").tBodies
document.getElementById("table").rows
document.getElementById("row").cells
document.getElementById("Map").areas

document.all //HTMLAllCollection，与HTMLCollection类似
document.getElementById("f2").elements //HTMLFormControlsCollection extends HTMLCollection
document.getElementById("s").options //HTMLOptionsCollection extends HTMLCollection

以下方法获取的为NodeList对象

document.getElementsByName("bing")
document.getElementsByClassName(
最低0.47元/天 解锁文章
hztgcl1986
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
NodeList和HTMLCollection的区别
上庸者-不服周
09-30 1666
NodeList和HTMLCollection的区别
NodeList和HTMLCollection
卡卡的笔录
01-11 1106
NodeList是DOM节点的集合，由Node.childNodes和document.querySelectorAll()返回，不同的是node.ChildNodes返回的是动态（live）的NodeList，而document.querySelectorAll()返回的是静态(static)的NodeList。 Node.childNodes //HTML代码 <div class=...
nodelist与HTMLCollection
代码有点烂
09-10 1344
转自：http://www.jianshu.com/p/f6ff5ebe45fd 这篇博客起源于我对一道作业题的思考，在DOM课程中，第二道作业题是： elem.children和elem.childNodes的区别？ 那么这两者的区别究竟是什么呢？当时我在回答的时候写了这样一段代码（这段代码只得到表面上的答案，是浅层次理解）。 Lyndon
JS返回NodeList和HTMLCollection详解
Gorden的博客
08-31 1097
HTML DOM 集合 (Collection) 是一组 HTML 元素，这些元素可以通过 JavaScript 代码进行访问和操作。HTML DOM 集合通常由一个或多个 HTML 元素组成，并提供了访问和操作这些元素的方法。HTML DOM 集合在 JavaScript 中非常常见，因为它们可以帮助我们轻松地访问和操作网页中的多个元素。
HTMLCollection 和 NodeList 的区别
lio-zero 的博客
06-06 369
HTMLCollection HTMLCollection 表示一个包含了元素(元素顺序为文档流中的接口)的集合(通用集合)，还提供了从该集合中选择元素的属性和方法。 例如使用 getElementsByTagName() 方法返回的就是一个 HTMLCollection 对象。 HTMLCollection 对象中的属性和方法： item(index) —— 返回 HTMLCollect...
js中将HTMLCollection/NodeList/伪数组转换成数组的代码
10-28
js中将HTMLCollection/NodeList/伪数组转换成数组的代码，需要的朋友可以参考下。
HTML5 HTMLCollection和NodeList的区别详解
01-19
本文主要介绍了HTML5 HTMLCollection和NodeList的区别详解，分享给大家，具体如下： 获取 HTMLCollection 对象 getElementsByTagName() 方法返HTMLCollection对象。 HTMLCollection 对象类似包含 HTML 元素的一个...
将HTMLCollection/NodeList/伪数组转换成数组的实现方法
09-05
将HTMLCollection/NodeList/伪数组转换成数组的实现方法，需要的朋友可以参考下。
08-HTMLCollection-NodeList-区别.md
最新发布
03-31
大厂前端面试题目|# 前端基础知识 ...本章将通过多个面试题，讲解前端常考的基础知识面试题，同时复习一些重要的知识点。 ## 为何要考察 扎实的前端基础知识，是作为前端工程师的根本。基础知识能保证最基本的使用，...
HtmlCollection和Nodelist的区别
weixin_45638909的博客
10-24 1477
1.Nodelist是返回节点的集合，而nodelist里面也有数组，因此元素也是节点的一种，也就是元素节点 <div class="a"> <div class="cc"></div> </div> console.log(document.getElementsByClassName('a')[0].childNodes);//nodelist console.log(document.getElementsByClassName('a')[0].c
如何对HTMLCollection进行遍历
热门推荐
qq_27009517的博客
08-11 1万+
这里创建一个html和js文档作为示范。 比如我们要获取这两个p标签。 可以看出是一个HTMLCollection。 但却不是一个数组。 先转化为数组。 6 现在就可以进行数组方法的运用了。比如遍历。 ...
JavaScript HTML DOM 集合(Collection)
笔记
02-14 1146
HTML DOM 集合 (Collection) 是一组 HTML 元素，这些元素可以通过 JavaScript 代码进行访问和操作。HTML DOM 集合通常由一个或多个 HTML 元素组成，并提供了访问和操作这些元素的方法。HTML DOM 集合在 JavaScript 中非常常见，因为它们可以帮助我们轻松地访问和操作网页中的多个元素。HTMLCollection: 该类型的集合包含了一组 HTML 元素，并且这些元素都是有序的。
HTMLCollection
lncci的博客
07-18 5399
1、是什么？ 它是HTML DOM对象的一个接口，这个接口包含了获取到的DOM元素集合，返回的类型是Object。 它很像数组，又不是数组，如果你想使用数组的一些方法操作这个集合，那么不好意思。 它是及时更新的，当文档中的DOM变化是，它是会随之变化的。 属性：HTMLCollection.length，返回集合当中子元素的数目。 它有自带的方法 1.HTMLCo...
8个常用的JavaScript数组方法
web前端开发
12-03 352
数组（Array）是JavaScript中内置的全局对象，在构建诸如商品列表等组件（Component）时，时常用到。除了常见的push、pop、indexOf等方法，js还提供了一些诸...
HTMLCollection 与 NodeList 的区别
Serena_tz的博客
03-10 793
HTMLCollection是 HTML 元素的集合。 NodeList 是文档节点的集合。 NodeList 和 HTML 集合几乎完全相同。 HTMLCollection 和 NodeList 对象都是类数组的对象列表（集合）。 它们都有定义列表（集合）中项目数的 length 属性。 它们都可以通过索引 (0, 1, 2, 3, 4, …) 像数组那样访问每个项目。 访问 HTMLCollection 项目，可以通过它们的名称、id 或索引号。 访问 NodeList 项目，只能通过它们的索引号。 只
HTMLCollection 和 NodeList 的详解，以及两者在开发情况下差异。
柑橘乌云_
08-01 489
NodeList 是一个静态集合，其不受 DOM 树元素变化的影响；相当于是 DOM 树快照，节点数量和类型的快照，就是对节点增删，NodeList 感觉不到。但是对节点内部内容修改，是可以感觉到的，比如修改 innerHTML。 HTMLCollection 是动态绑定的，是一个的动态集合， DOM 树发生变化，HTMLCollection 也会随之变化，节点的增删是敏感的。
JavaScript中HTMLCollection和NodeList的区别
weixin_55010007的博客
05-15 345
HTMLCollection是HTML元素的集合 NodeList是一个文档节点集合 什么意思呢？听起来是不是很空洞？下面可以通过一个小实例给大家讲解一下： 我们创建一个parent的父容器，在parent下创建两个子元素 然后我们在js中拿到这个parent的容器，然后通过parent.childNodes返回该节点的所有子节点 那么其实可以看到他的子节点是一个NodeList（文档节点集合），它包括了parent下的所有子节点（包括节点元素和文本元素） 那么我们再用parent.
JavaScript 学习-28.元素与节点(HTMLCollection 和 NodeList)
qq_27371025的博客
05-28 1264
前言 我们平常说的查找元素 和 节点到底有什么区别？为什么有时候返回HTMLCollection ，有时候返回NodeList？ HTMLCollection 和 NodeList 的区别又是什么？带着这些问题进入本篇的学习。 节点与元素 根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点： 整个文档是一个文档节点 每个 HTML 元素是元素节点 HTML 元素内的文本是文本节点 每个 HTML 属性是属性节点 注释是注释节点 以下示例 <div id="user"&g
htmlcollection和nodelist
04-10
HTMLCollection是一种集合（collection），它是由浏览器自动组织的，包含了当前文档中特定类型（如input、img等）的元素，可以通过索引访问其中的元素。 NodeList也是一种集合（collection），它包含当前文档中所有...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值