Javascript实例教程:querySelectorAll方法-Web前端之家。这段例子检索了文档中的全数应用定义的SVG图像。

网页制作web前端之家小说简单介绍:只要调用querySelectorAll(State of Qatar都会回到一个StaticNodeList对象不管匹配的成分有多少个;若无相称,那么StaticNodeList为空。querySelectorAll相通存在与Document和Element类型上。

看名称就能够想到其意义,StaticNodeList有NodeList全数的性质和措施,不过它底层的完毕是因素集合的二个快速照相,而非总是要重新的照准文书档案的动态查询。使用StaticNodeList消释了多数选用NodeList对象带来的质量难点。

可以如上边包车型客车例证所示,在querySelectorAll(卡塔尔中运用八个命名空间剖析器:

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

假定调用querySelectorAll(卡塔尔(قطر‎都会回来贰个StaticNodeList对象不管相称的因素有多少个;如果未有相配,那么StaticNodeList为空。querySelectorAll相通存在与Document和Element类型上。如下是有的例证:

querySelectorAll相似的四个参数,即CSS查询和可选的命名空间拆解解析器,可是回去的是统筹相称的节点而非单个。该格局再次回到叁个誉为StaticNodeList的新品类的实例。

//获取中的所有图像(和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";}

相关文章

网站地图xml地图