Javascript实例教程:querySelectorAll方法-Web前端之家

Javascript实例教程:querySelectorAll方法-Web前端之家。querySelectorAll一样的两个参数,即CSS查询和可选的命名空间解析器,但是返回的是所有匹配的节点而非单个。该方法返回一个叫做StaticNodeList的新类型的实例。

网页制作web前端之家文章简介:只要调用querySelectorAll()都会返回一个StaticNodeList对象不管匹配的元素有几个;如果没有匹配,那么StaticNodeList为空。querySelectorAll一样存在与Document和Element类型上。

www.6766.com ,这段例子检索了文档中的所有使用定义的SVG图像。

var svgImages = document.querySelectorAll("svg|svg", function  { switch  { return "http://www.w3.org/2000/svg"; //此处其它代码 }});

顾名思义,StaticNodeList有NodeList所有的属性和方法,但是它底层的实现是元素集合的一个快照,而非总是要重新的针对文档的动态查询。使用StaticNodeList消除了大部分使用NodeList对象带来的性能问题。

//获取中的所有图像(和getElementsByTaNamevar images = document.getElementById.querySelectorAll;//获取所有包含“selected”类的元素var selected = document.querySelectorall(".selected");//获取所有元素中的元素var strongs = document.querySelectorAll;返回的StaticNodeList对象可以以NodeList一样的方式迭代,使用item()或者是方括号标记来检索单个元素。如下面的例子:for (var i = 0, len = strongs.length; i < len; i++) { var strong = strong[i]; //或strongs.item strong.className = "important";}

可以如下面的例子所示,在querySelectorAll()中使用一个命名空间解析器:

只要调用querySelectorAll()都会返回一个StaticNodeList对象不管匹配的元素有几个;如果没有匹配,那么StaticNodeList为空。querySelectorAll一样存在与Document和Element类型上。如下是一些例子:

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图