再谈querySelector和querySelectorAll的区别与联系_javascript技巧
时间：2021-07-01 10:21:17
帮助过：4人阅读
先按W3C的规范来说这两个方法应该返回的内容吧：
querySelector：
return the first matching Element node within the node's subtrees. If there is no such node, the method must return null.（返回指定元素节点的子树中匹配selector的集合中的第一个，如果没有匹配，返回null）
querySelectorAll： return a NodeList containing all of the matching Element nodes within the node's subtrees, in document order. If there are no such nodes, the method must return an empty NodeList. （返回指定元素节点的子树中匹配selector的节点集合，采用的是深度优先预查找；如果没有匹配的，这个方法返回空集合）
使用方法： 代码如下:
var element = baseElement.querySelector(selectors);
var elementList = baseElement.querySelectorAll(selectors);
这在BaseElement 为document的时候，没有什么问题，各浏览器的实现基本一致；但是，当BaseElement 为一个普通的dom Node的时候（支持这两个方法的dom Node），浏览器的实现就有点奇怪了，举个例子：
代码如下:
