Javascript 效率问题 : multiple getElementById() vs getElementsByTagName() and looping through result

Question

我想知道使用 document.getElementById() n 次或使用 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 class selector )，这将为您提供全方位的良好表现。

请记住，Javascript 性能差异很大 between browsers甚至在 versions of browsers 之间.最好针对您的目标浏览器进行一些测试。