请各位大佬指点！document.querySelector()使用过程中发现存在一些问题

Question

querySelector相较getElement系列。。。为什么会存在性能问题？我看网上没有很好的解答。既然存在性能问题，为什么很多库里面也大量使用该方法？

Answer 1

感觉应该是querySelector支持通用选择器的写法，而getElemet(s)ByXXX系列则一开始就限制了能使用的选择器类型，这会导致前者每次都需要完整得解析整个选择器文本（过程中需要检查是否有语法错误）然后再去DOM树里找，而后者一开始就知道你给它的选择器文本是不是有效的。

现代浏览器提供了querySelector和querySelectorAll这两API。它们用来查询匹配CSS选择器的单个或多个元素。这类似CSS选择器：用class或ID选取元素。如果你没有用过它们，MDN上有非常棒的介绍。