Javascript效率问题：多个getElementById（）vs getElementsByTagName（）并遍历结果

Question

我想知道是否可以更有效地使用document.getElementById（）次或使用document.getElementsByTagName（）并遍历结果以查找特定的元素ID？

Answer 1

一切取决于。 您有多少个具有给定ID的元素？ 多少个具有相同标签名称的元素？

例如，如果您想要ID为1和3的元素，并且具有：

<ul>
  <li id="1">1</li>
  <li id="2">2</li>
  <li id="3">3</li>
  <!-- Followed by 10,000 more li tags -->
</ul>

您最好两次调用getElementById() 。 但是，如果您想要除ID 15之外的所有内容，则最好执行列表并检查ID。

另一种选择是将一个类添加到要选择的特定元素。 然后，您可以按类进行选择（也许使用JQuery类选择器 ），这将为您带来全面的性能。

请记住，JavaScript性能在浏览器之间 ，甚至在不同版本的浏览器之间都存在很大差异 。 最好对您的目标浏览器进行一些测试。