NodeList 和 HTMLCollection

为什么80%的码农都做不了架构师？>>>

NodeList

类数组对象
代表节点的集合
部分浏览器为NodeList加入了namedItem接口。
规范: http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#ID-536297177

HTMLCollection

类数组对象
代表HTML元素的集合
可以使用namedItem接口，以id(优先)或name获取集合中的元素。
规范: http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-75708506

NodeList的[]操作符

同item接口，可以通过索引值获取元素。例如, nodelist[0]。
同namedItem接口，可以通过id或name获取集合中的元素。例如，nodelist['name']。

实时对象

实时对象的意思是，文档内容的变化会立即体现在对象上。
document.getElementsByName, document.getElementsByClassName, document.getElementsByTagName, document.getElementsByTagNameNS 返回的是实时对象
document.links, document.forms, document.images, document.scripts, document.styleSheets 返回的是实时对象
document.querySelectorAll 返回的不是实时对象

转化为数组

var collections = document.getElementsByTagName("div");
var newArr = Array.prototype.slice.call(collections);

转载于:https://my.oschina.net/nswish/blog/379510

NodeList 和 HTMLCollection相关推荐

php nodelist,了解NodeList、HTMLCollection以及NamedNodeMap的使用(代码)
本篇文章给大家带来的内容是关于了解NodeList.HTMLCollection以及NamedNodeMap的使用(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 这三个都是类 ...
nodelist与HTMLCollection
转自:http://www.jianshu.com/p/f6ff5ebe45fd 这篇博客起源于我对一道作业题的思考,在DOM课程中,第二道作业题是: elem.children和elem.child ...
NodeList ，HTMLCollection
1.节点都是单个对象,DOM 提供两种节点集合NodeList和HTMLCollection,用于容纳多个节点. 2.NodeList可以包含各种类型的节点,HTMLCollection只能包含 HT ...
NodeList和HTMLCollection的区别
一.NodeList:文档节点的集合,只能通过索引获取 1.获取NodeList对象的方法: (1)一些旧版本浏览器中的方法(如 getElementsByClassName()),返回的是 ...
span居div中_JavaScript-html Dom中的HTMLCollection和NodeList
HTMLCollection对象 HTMLCollection是元素集合,它和NodeList很像,有length属性来表示HTMLCollection对象的长度,也可以通过elements.item ...
JS 查看标签下某元素所有信息（查看元素，查询元素，遍历元素、HTMLCollection对象、NodeList对象）
NodeList 对象是一个从文档中获取的节点列表 (集合) . NodeList 对象类似 HTMLCollection 对象. 一些旧版本浏览器中的方法(如:getElementsByClassN ...
HTMLCollection 和 NodeList 的区别
HTMLCollection HTMLCollection 表示一个包含了元素(元素顺序为文档流中的接口)的集合(通用集合),还提供了从该集合中选择元素的属性和方法. 例如使用 getElements ...
HTMLCollection vs NodeList
原文地址:HTMLCollection vs NodeList 作者:HungerLyndon 来源:简书 =============================== 正文 =========== ...
HTMLCollection元素的For循环
本文翻译自:For loop for HTMLCollection elements I'm trying to set get id of all elements in an HTMLCollec ...

NodeList 和 HTMLCollection

NodeList 和 HTMLCollection相关推荐

最新文章

热门文章