javascript - 在性能下降之前，浏览器可以安全地处理多少个元素 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 应该运行相同。