选择器那些事之querySelector与querySelectorAll
querySelector 和 querySelectorAll
- 是W3C Selectors API Level 1 规范中定义的
- 作用是根据CSS选择器规范,定位文档中指定的元素
- IE8及以上版本,FF,Chrome,Safari,Opera等都支持
任何NodeList,Element的实例对象和Document DocumentFragment的实例对象都有这两个方法。
- querySelectorAll 返回的是符合条件的所有节点内容,是一个NodeList | 如果没有返回空数组
- querySelector仅返回符合条件的第一个节点内容,是一个Node | 如果没有返回null
代码举例:
<div id="header"> <div class="container relative"> <a class="logo absolute"> <img src="img/logo.png" alt="logo"/> </a> </div> </div>
获取header
var document = doc; doc.querySelector('#header'); doc.querySelectorAll('#header')[0];
注意:
规范规定里面的参数---选择器是针对当前文档
扩展阅读:
相关推荐
liaoxuewu 2020-05-11
前端开发Kingcean 2020-07-08
nercon 2019-12-28
SIMONDOMAIN 2019-12-13
哈喽elements 2019-11-19
liaoxuewu 2019-11-03
切慕溪水 2019-11-03
xiaoge00 2019-10-26
duxd 2019-05-10
bistukey 2019-07-01
JackXue程序生涯 2019-07-01
JackXue程序生涯 2019-07-01
adeyi 2019-07-01
sunnylin 2019-06-30
LingPF 2019-06-28
jianqi 2019-06-28
莲开十月人思量 2019-06-28
云海梦尘 2014-02-24
Danielmumu 2013-11-04