按照标签名获取元素 -- getElementsByTagName标准DOM 1在Element和Document两个interface中均有定义，原型NodeList getElementsByTagName(in DOMString tagname)，指明按照先序遍历遇到的顺序排列，不会抛出任何...
分类：
Web程序 时间：
2014-11-22 18:46:27
阅读次数：
249
typeof存在一些兼容性的问题，在IE6,7,8中的DOM和BOM元素及其对象上的方法的判定会出现误差，在safari上对NodeList实例的判定，对ExpReg实例的判断（早期的chrome，safari会对ExpReg实例认定为‘function’）。分析： 之所以会在IE6,7,8对DO....
分类：
其他好文 时间：
2014-11-19 14:03:52
阅读次数：
176
getElementsByTagName() 速度比 querySelectorAll() 快的根本原因在于动态NodeList和静态NodeList对象的不同。 尽管我可以肯定地说有某种方法来优化这一点, 在获取NodeList时不需要执行很多前期处理操作的动态列表,总比获取静态的集合(返回之前完成各种处理)要快很多。 哪个方法更好用主要还是看你的需求, 如果只是要根据 tag name 来查找元素, 也不需要获取此一个快照, 那就应该使用 getElementsByTagName()方法; 如果需要快照...
分类：
其他好文 时间：
2014-11-13 22:38:53
阅读次数：
414
Array.prototype.slice.call(document.querySelectorAll('a'), 0)的作用就是将一个DOM NodeList 转换成一个数组。 slice()方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。语法为arr.slice([begin[.....
分类：
其他好文 时间：
2014-11-08 18:03:12
阅读次数：
216
querySelector和querySelectorAll是W3C提供的新的查询接口，其主要特点如下：1、querySelector只返回匹配的第一个元素，如果没有匹配项，返回null。2、querySelectorAll返回匹配的元素集合，如果没有匹配项，返回空的nodelist(节点数组)。3...
分类：
其他好文 时间：
2014-11-07 14:24:23
阅读次数：
874
将类数组对象转化为数组对象javascript中有许多类数组对象，比如HTMLCollection,NodeList,arguments。她们的特点是和数组一样有length属性，并且有0,1,2这样的位置属性。在代码编写中我们经常需要将他们转化为数组对象。//mini类数组对象var arrayL...
分类：
Web程序 时间：
2014-11-06 21:33:14
阅读次数：
209
DOM对象模型的四个基本接口在DOM对象模型接口规范中，有四个基本的接口：Document，Node，NodeList以及NamedNodeMap。在这四个基本接口中，Document接口是对文档进行操作的入口，它是从Node接口继承过来的。Node接口是其他大多数接口的父类，象Documet，El...
分类：
其他好文 时间：
2014-11-06 12:20:17
阅读次数：
294
涉及获取元素的主要API在获取原生DOM元素的时候，主要涉及这几个DOM API（链接为Living Standard）：Node及对应集合NodeListElement（继承Node）及对应集合HTMLCollectionDocument(继承Node)注：计划取代NodeList和HTMLCol...
分类：
Web程序 时间：
2014-11-02 00:25:54
阅读次数：
345
DOM节点的属性属性 描述attributes数组 获取某个节点的所有属性子节点(实际是一个NodeList对象)childNodes数组 获取某个节点的所有子节点，可以按数组方式访问子节点，另外还包括属性length以及方法item()(实际是一个Nodelist对象)firstCh...
分类：
编程语言 时间：
2014-10-24 12:33:24
阅读次数：
229
module dom {
[Supplemental, NoInterfaceObject]
interface NodeSelector {
Element querySelector(in DOMString selectors);
NodeList querySelectorAll(in DOMString selectors);
};
Document implements N...
分类：
编程语言 时间：
2014-10-14 19:00:29
阅读次数：
645
