首页
学习
活动
专区
工具
TVP
发布

JavaScript 学习-28.元素与节点(HTMLCollection 和 NodeList)

为什么有时候返回HTMLCollection ,有时候返回NodeList? HTMLCollection 和  NodeList 的区别又是什么?带着这些问题进入本篇的学习。...DOM提供两种集合对象,用于实现这种节点的集合:NodeList和HTMLCollectionHTMLCollection 是表示 HTML 元素的集合。...对象 HTMLCollection只能包含 元素节点(ElementNode)类型的节点, 以下方法返回HTMLCollection对象 document.getElementsByClassName...HTMLCollection.namedItem(name) 或 HTMLCollection[name] 使用示例,以下两种方法都可以 // namedItem 根据id 或name属性取值 console.log...与NodeList区别 HTMLCollection 是表示 HTML 元素的集合,元素也是节点的一种,也就是元素节点,NodeList 是表示节点的集合 我们可以理解为 HTMLCollection

1.4K21
您找到你想要的搜索结果了吗?
是的
没有找到

DOM中历史遗留的那些天坑 ...

老师的课件归纳如下: 两者的不同点在于: HTMLCollection对象具有namedItem()方法,可以传递id或name获得元素; HTMLCollection的item()方法和通过属性获取元素...范畴,两者的区别在于: 方法略有差异:HTMLCollection比NodeList多了一个namedItem方法,其他方法保持一致 包含节点类型不同:NodeList可以包含任何节点类型,HTMLCollection...的区别是: NodeList可以包含任何节点类型,HTMLCollection只包含元素节点(elementNode),elementNode就是HTML中的标签 HTMLCollection比...由于HTMLCollection仅包含elementNode,因此最终的结果就是由p.para, p.attr组成的类数组对象。...NodeList and HTMLCollection Interface HTMLCollection Element和Node的区别你造吗?

92160

面试题:HTML标签的相关操作判断题目

一些基础知识 getElementsByTagName() 在DOM中根据标签去获取元素的原生api是 getElementsByTagName(),它返回的是一个包含所有给定标签名称的元素 HTML集合HTMLCollection...HTMLCollection 还有一点需要注意: HTMLCollection 对象是一种类数组对象,可以通过位置来访问。...请注意,虽然可以通过方括号语法来访问 HTMLCollection 的值,而且这个对象也有length属性,但是它并不是Array的实例。...下面几种方法都可以实现: 扩展运算符可以将其转为真正的数组,这个里面也是有一点需要注意,是因为 HTMLCollection 对象实现了 Iterator。...参考资料 [1] HTMLCollection: https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLCollection [2] ECMAScript

1.3K30

获取DOM节点的方法汇总

$(".A").eq(0) 获取所有A节点中的第一个A节点 $("A").filter("B") 获取A节点中的所有B节点 $("A").not("B") 获取A节点中的不包括B节点的所有节点 3.HTMLCollection...HTMLCollection和NodeList的共同点: 都是类数组对象,都有length属性; 都有共同的方法:item,可以通过item(index)或者item(id)来访问返回结果中的元素; 一般都是实时变动的...注意:document.querySelectorAll返回的NodeList不是实时的); HTMLCollection和NodeList的不同点: NodeList可以包含任何节点类型,HTMLCollection...HTMLCollection比NodeList多一项方法:NamedItem,可以通过传递id或name属性来获取节点信息 规定返回结果: node.childNodes 结果返回类型是 NodeList...,即所有子节点; node.children 结果返回类型是 HTMLCollection ,即所有子元素节点; getElementsByXXX 结果返回类型是HTMLCollection 旧版本浏览器

3.9K10

Dom的高级应用

1.对表格的操作 HTML 属性或方法 说明 caption 保存着元素的引用 tBodies 保存着元素的HTMLCollection集合 tFoot 保存着对元素的引用 tHead 保存着对元素的引用 rows 保存着对 元素的HTMLCollection集合 rowIndex 返回该表格行在表格内的索引值 sectionRowIndex...返回该表格行在其所在元素(,等元素)的索引值 cells 保存着元素中单元格的HTMLCollection cellIndex 返回该单元格在该表格行内的索引值。...deleteRow(pos) 删除指定的行 insertRow(pos) 向rows集合中的指定位置插入一行 元素添加的属性和方法 属性或方法 说明 rows 保存着元素中行的HTMLCollection...deleteRow(pos) 删除指定位置的行 insertRow(pos) 向rows集合中的指定位置插入一行,并返回引用 元素添加的属性和方法 属性或方法 说明 cells 保存着元素中单元格的HTMLCollection

64630
领券