【转】 HTMLCollection和NodeList的区别

【【转】 HTMLCollection和NodeList的区别】的更多相关文章

【转】 HTMLCollection和NodeList的区别

1 HTMLCollection类型下面的每个项目(以及它们指定的属性)都返回 HTMLCollection(基类)或者它的派生类: Document (images, applets, links, forms, anchors) form (elements) map (areas) select (options) table (rows, tBodies) tableSection (rows) row (cells) document.forms 是一个 HTMLCollection…

js便签笔记（1）——说说HTMLCollection、NodeList以及NamedNodeMap

介绍在js的dom操作中,除了常用的document.html**Element之外,还有三个集合对象,即HTMLCollection.NodeList以及NamedNodeMap.试看以下操作: var divs = document.getElementsByTagName("div"); alert(divs instanceof HTMLCollection); //true (chrome中返回false,divs是NodeList对象) var div = documen…

DOM相关知识点

内容待补充... DOM相关注意题目: DOM的最小组成单位叫做 //节点 Node DOM 有自己的国际标准,目前的通用版本是 //DOM 3 DOM 树的根节点 //HTML 元素 Element 的 NodeType 值为 //1 和Node. ELEMENT_NODE <div id=x></div> x的值 //就是这个 id 为 x 的 div 对应的 Element 对象 document.body.nodeName //"BODY" <di…

NodeList和HTMLCollection区别

关于DOM集合接口,主要不同在于HTMLCollection是元素集合而NodeList是节点集合(既包括元素,也包括节点). 规定一下结果是: . node.childNodes 结果返回类型是 NodeList, . node.children 结果返回类型是 HTMLCollection . node(document或者其他不同节点).getElementsByXXX 结果返回类型是HTMLCollection 唯一要注意的是 querySelectorAll 返回的是 NodeList…

原生DOM探究 -- NodeList v.s. HTMLCollection

涉及获取元素的主要API 在获取原生DOM元素的时候,主要涉及这几个DOM API(链接为Living Standard): Node及对应集合NodeList Element(继承Node)及对应集合HTMLCollection Document(继承Node) 注:计划取代NodeList和HTMLCollection的Elements目前并无广泛实现基础知识 -- NodeList v.s. HTMLCollection 在不同版本的浏览器中,如果调用获取多元素的DOM方法(getEle…

HTMLCollection对象和NodeList对象

前言首先我们先来看下面的demo,假如我们需要给所有的li字体变一个颜色. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <ul id="list"> <li>aaaaa…

将HTMLCollection/NodeList/伪数组转换成数组

这里把符合以下条件的对象称为伪数组(ArrayLike) 1,具有length属性 2,按索引方式存储数据 3,不具有数组的push,pop等方法如 1,function内的arguments . 2,通过document.forms,Form.elements,Select.options,document.getElementsByName() ,document.getElementsByTagName() ,childNodes/children 等方式获取的集合(HTMLCollec…

DOM中的NodeList与HTMLCollection

最近在看<Javascript高级程序设计>的时候,看到了这样一句话:“理解NodeList和HTMLCollection,是从整体上透彻理解DOM的关键所在.”,所以觉得应该写一篇关于NodeList和HTMLCollection的博客来好好了解和总结下这方面的知识点. NodeList NodeList是一个节点的集合(既可以包含元素和其他节点),在DOM中,节点的类型总共有12种,通过判断节点的nodeType来判断节点的类型. 我们可以通过Node.childNodes和documen…

querySelectorAll 与jquery.find 与htmlcollection 的区别

querySelector 和 querySelectorAll 规范定义 querySelector 和 querySelectorAll 方法是 W3C Selectors API Level 1规范中定义的.他们的作用是根据 CSS 选择器规范,便捷定位文档中指定元素. 目前几乎主流浏览器均支持了他们.包括 IE8(含) 以上版本. Firefox. Chrome.Safari.Opera. querySelector 和 querySelectorAll 在规范中定义了如下接口: mod…

NodeList类数组对象: HTMLCollection , NamedNodeMap，两套API（childNodes , children）

快捷键:leishuzuduixiang(类数组对象) bianlijiedian(遍历节点) jiedian(节点) htmlcollection , namednodemap , nodelist. nodeList类数组对象的特点1,nodeList是一种类数组对象,用于保存一组有序的节点.2,通过方括号来访问nodeList的值,有item方法与length属性.3,它并不是Array的实例,没有数组对象的方法<!DOCTYPE html><html lang="…