javascript的querySelectorAll()和querySelector()
来源:互联网 发布:淘宝 天猫购物券 编辑:程序博客网 时间:2024/05/23 00:53
只要调用querySelectorAll()都会返回一个StaticNodeList对象不管匹配的元素有几个;如果没有匹配,那么StaticNodeList为空。querySelectorAll()和querySelector()一样存在与Document和Element类型上。
querySelectorAll()接受和querySelecort()一样的两个参数,即CSS查询和可选的命名空间解析器,但是返回的是所有匹配的节点而非单个。该方法返回一个叫做StaticNodeList的新类型的实例。
顾名思义,StaticNodeList有NodeList所有的属性和方法,但是它底层的实现是元素集合的一个快照,而非总是要重新的针对文档的动态查询。使用StaticNodeList消除了大部分使用NodeList对象带来的性能问题。
只要调用querySelectorAll()都会返回一个StaticNodeList对象不管匹配的元素有几个;如果没有匹配,那么StaticNodeList为空。querySelectorAll()和querySelector()一样存在与Document和Element类型上。如下是一些例子:
//获取<div>中的所有图像(和getElementsByTaName("img")一样)var images = document.getElementById("myDiv").querySelectorAll("img");//获取所有包含“selected”类的元素var selected = document.querySelectorall(".selected");//获取所有<p>元素中的<strong>元素var strongs = document.querySelectorAll("p strong");
返回的StaticNodeList对象可以以NodeList一样的方式迭代,使用item()或者是方括号标记来检索单个元素。如下面的例子:
for (var i = 0, len = strongs.length; i < len; i++) { var strong = strong[i]; //或strongs.item(i) strong.className = "important";}
0 0
- javascript的querySelectorAll()和querySelector()
- javascript中的querySelector()和querySelectorAll()
- javascript高级选择器querySelector和querySelectorAll
- javascript高级选择器querySelector和querySelectorAll
- javascript高级选择器querySelector和querySelectorAll
- 浅谈JavaScript高级选择器querySelector和querySelectorAll
- JavaScript高级选择器querySelector和querySelectorAll
- 再谈querySelector和querySelectorAll
- querySelector和querySelectorAll
- querySelector和querySelectorAll区别
- querySelector()和querySelectorAll()
- javascript函数querySelector,querySelectorAll介绍
- DOM元素querySelectorAll和querySelector
- document.querySelector和querySelectorAll方法
- element.querySelector() 和 element.querySelectorAll()
- document.querySelector和querySelectorAll方法
- querySelector()与querySelectorAll()的区别
- 各浏览器中querySelector和querySelectorAll的实现差异
- 理解maven的核心概念
- 7 异常、断言和日志
- 原码、反码和补码
- IOS-OC-高德地图-反向地理编码 - 坐标转位置
- 7.1 处理错误
- javascript的querySelectorAll()和querySelector()
- 同步、异步、互斥、信号量、阻塞、非阻塞
- selenium + python自动化测试环境搭建
- SQL SERVER逆向工程将数据库导入PowerDesigner
- 7.2 捕捉异常
- 行人检测(Pedestrian Detection)资源http://www.cnblogs.com/alexanderkun/p/4426021.html
- TextInputLayout,打造材料设计风格的文本输入框
- HDU - 1542 Atlantis(线段树扫描线基础)
- 欢迎使用CSDN-markdown编辑器