简介

HTML5通向Web
API新引入了document.querySelector以及document.querySelectorAll鲜单章程用来又便宜地自DOM选取元素,功能看似于jQuery的选择器。这令以编排原生JavaScript代码时方便了重重。

用法

星星独方法应用多的语法,都是接一个字符串参数,这个参数需要是法定的CSS选择语法。
<pre>
element = document.querySelector(‘selectors’);
elementList = document.querySelectorAll(‘selectors’);
</pre>
内部参数selectors 可以涵盖多单CSS选择器,用逗号隔开。
<pre>
element = document.querySelector(‘selector1,selector2,…’);
elementList = document.querySelectorAll(‘selector1,selector2,…’);
</pre>
利用这简单个方式无法查找带伪类状态的因素,比如<b>querySelector(‘:hover’)</b>不会见收获预期结果。
querySelector


<pre>
element =
document.querySelector(‘div#container’);//返回id为container的首个div
element =
document.querySelector(‘.foo,.bar’);//返回带有foo或者bar样式类的首只因素
</pre>
querySelectorAll


该办法返回所有满足条件的素,结果是个nodeList集合。查找规则和前所陈述一样。
<pre>elements =
document.querySelectorAll(‘div.foo’);//返回所有带foo类样式的div</pre>
欲注意的是返的nodeList集合中的要素是勿实时的.

相关文章

网站地图xml地图