在性能下降之前，浏览器可以安全处理多少个元素 ID？

Question

使用元素 ID 是 JavaScript“获取”元素的最快方法。是否存在经验法则或最佳实践指南来规定在浏览器性能开始下降之前应使用多少个 id？

Answer 1

ID 本身只是一个属性值。唯一的“性能”问题是浏览器必须下载额外的位和字节。从 JavaScript POV 来看，DOM 中的元素越多，遍历它所需的时间就越长，但这与您可能使用的 ID 数量没有直接关系。

编辑：

为了澄清你的JS是否是这样的：

document.getElementById("myID")

如果你的 HTML 看起来像这样并不重要：

<div id="div1">
  <div id="div2">
    ...
      <div id="div999">
        <div id="myDiv">

或这个：

<div>
  <div>
    ...
      <div>
        <div id="myDiv">

对于这两个示例，JS 应该以相同的方式运行。