使用 querySelector 而不是 document.getElementById

无论如何，当您选择 id 时，请使用 getElementById，因为这比在 id 选择器上使用 querySelector 要高效得多。后者运行整个CSS选择器解析，而前者可以只获取ID并直接获取具有该ID的元素。

当然，当根据元素 id 以外的其他标准进行选择时，querySelector（和querySelectorAll）显然有它的位置。

（证明这一说法的强制性基准，尽管我确实想指出，基准并不是一切，而且差异在实际应用中可能不会产生太大差异。

两者在您的情况下具有相同的目的。但getElementById是最行之有效的方法。但是，如果您不担心旧版浏览器，那么querySelector也就足够了。

享受！

如果用户使用的浏览器中querySelector可用。然后你可以使用它。不必用 id 乱扔你的 html 是件好事。使用 css 选择器进行选择非常灵活。

性能是一条红鲱鱼。我那糟糕的旧笔记本电脑每秒可以管理300万个选择......

真正的问题是兼容性。您将如何处理不可用的浏览器？你在乎吗？你可能不得不关心。