QuerySelector 对 getElementById

“更好”是主观的。

querySelector是较新的特性。

支持 getElementById比支持 querySelector更好。

querySelector比 getElementsByClassName受到更好的支持，但是 querySelector提供一个静态节点列表，而 getElementsByClassName提供一个活动节点列表。

querySelector允许您查找具有不能用 getElementById和 getElementsByClassName表示的规则的元素

您需要为任何给定的任务选择适当的工具。

(在上文中，将 querySelector改为 querySelector/querySelectorAll)。

getElementById和 getElementsByClassName的功能非常具体，而 querySelector和 querySelectorAll的功能更加详细。我的猜测是，他们实际上会有一个更差的表现。

此外，您还需要检查目标浏览器中每个函数的支持情况。它越新，缺乏支持或者函数存在“ bug”的可能性就越大。