两个方法使用差不多的语法,都是接收一个字符串参数,这个参数需要是合法的CSS选择语法。
其中参数selectors 可以包含多个CSS选择器,用逗号隔开。
使用这两个方法无法查找带伪类状态的元素,比如querySelector(':hover')不会得到预期结果。
该方法返回所有满足条件的元素,结果是个nodeList集合。查找规则与前面所述一样。
在做百度前端任务二的时候,用到querySelector(),特地去查了一下用法。
对比而言,query选择符选出来的元素及元素数组是静态的,而getElement这种方法选出的元素是动态的。
静态是指选出的所有元素的数足不会随着文档操作而改变。
//此时输出的结果就是3+5=8
现在我们可以直观看出两者的区别,当然本身两者的兼容性方面也有区别,此外这两种方法都不能查找伪类元素。
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。