用法

多个措施应用差不离的语法,都是吸收一个字符串参数,那几个参数需若是官方的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>
jQuery,内需注意的是回来的nodeList集合中的因素是非实时的.

简介

HTML5向Web
API新引入了document.querySelector以及document.querySelectorAll八个办法用来更有利地从DOM选拔元素,功效相近于jQuery的拔取器。那使得在编辑原生JavaScript代码时便于了广大。

相关文章

网站地图xml地图