已关闭。此问题为opinion-based。当前不接受答案。
**想要改进此问题吗？**请更新此问题，以便editing this post可以用事实和引文来回答。
八年前就关门了。
社区在11个月前审查了是否重新讨论这个问题，并将其关闭：
原始关闭原因未解决
Improve this question
我听说querySelector和querySelectorAll是选择DOM元素的新方法。在性能和浏览器支持方面，它们与旧方法getElementById和getElementsByClassName相比如何？
与使用jQuery的查询选择器相比，性能如何？queryselector和getElementById有什么区别？什么时候我们应该用queryselector代替getelementbyid？有没有不能用getElementById的例子？
2条答案
按热度按时间6yjfywim1#
“更好”是主观的。
querySelector是较新的特性。getElementById比querySelector更受支持。querySelector比getElementsByClassName更受支持，但querySelector提供静态节点列表，而getElementsByClassName提供活动节点列表。querySelector允许您查找具有无法用getElementById和getElementsByClassName表示的规则的元素您需要为任何给定的任务选择适当的工具。
(In以上，将
querySelector改为querySelector/querySelectorAll）。mwg9r5ms2#
函数
getElementById和getElementsByClassName非常具体，而querySelector和querySelectorAll则更加精细，我的猜测是它们实际上会有更差的性能。另外，你需要检查你所针对的浏览器中每个功能的支持情况。越新的浏览器，缺乏支持或功能“有缺陷”的概率就越高。