使用CSS选择器获取元素 -- querySelector,querySelectorAll(HTML5)标准W3C Selector API Level 1为Document,DocumentFragment和Element追加了querySelector和querySelctorAll,原型为E...
分类:
Web程序 时间:
2014-11-26 14:11:02
阅读次数:
280
如果你只需要针对现代浏览器,很多功能使用原生的 JavaScript 就可以实现。DOM Selectors//jQueryvar ele = $("#id .class");//native javascriptvar ele = document.querySelectorAll("#id .c...
分类:
编程语言 时间:
2014-11-24 19:00:09
阅读次数:
275
getElementsByTagName() 速度比 querySelectorAll() 快的根本原因在于动态NodeList和静态NodeList对象的不同。 尽管我可以肯定地说有某种方法来优化这一点, 在获取NodeList时不需要执行很多前期处理操作的动态列表,总比获取静态的集合(返回之前完成各种处理)要快很多。 哪个方法更好用主要还是看你的需求, 如果只是要根据 tag name 来查找元素, 也不需要获取此一个快照, 那就应该使用 getElementsByTagName()方法; 如果需要快照...
分类:
其他好文 时间:
2014-11-13 22:38:53
阅读次数:
414
querySelector和querySelectorAll同属于Selectors API Level 1规范,该规范早在2006年就已经开始发展,并在2007年10月形成querySelector(All)的雏形。由于规范发展的够早,所以除了IE6、7以外,所有浏览器都基本支持。这两个方法...
分类:
其他好文 时间:
2014-11-10 23:18:51
阅读次数:
291
Array.prototype.slice.call(document.querySelectorAll('a'), 0)的作用就是将一个DOM NodeList 转换成一个数组。 slice()方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。语法为arr.slice([begin[.....
分类:
其他好文 时间:
2014-11-08 18:03:12
阅读次数:
216
for(var?i=0,tags=document.querySelectorAll(‘iframe[src],frame[src],script[src],link[rel=stylesheet],object[data],embed[src]‘),tag;tag=tags[i];i++){
????var?a?=?document.createElement(‘a‘);
...
分类:
Web程序 时间:
2014-11-08 16:54:55
阅读次数:
365
querySelector和querySelectorAll是W3C提供的新的查询接口,其主要特点如下:1、querySelector只返回匹配的第一个元素,如果没有匹配项,返回null。2、querySelectorAll返回匹配的元素集合,如果没有匹配项,返回空的nodelist(节点数组)。3...
分类:
其他好文 时间:
2014-11-07 14:24:23
阅读次数:
874
querySelector('a')querySelectorAll('a')querySelector和querySelectorAll的参数须是符合css selector的字符串。不同的是querySelector返回的是一个对象,querySelectorAll返回的一个集合(NodeLis...
分类:
其他好文 时间:
2014-10-31 11:40:56
阅读次数:
131
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
DOM扩展对DOM的两个主要的扩展是Selectors API(选择符API)和 HTML5。(一)选择符APISelectors API Level 1 的核心是两个方法:querySelector() 和querySelectorAll() 。在兼容的浏览器中,可以通过 Document 及El...
分类:
编程语言 时间:
2014-10-13 22:10:07
阅读次数:
232