javascript - 通过 id 检索 DOM 元素成本高吗？

Question

都说DOM遍历成本高，尽量避免。然而，我认为通过 id 检索 DOM 元素的成本一定非常低，因为大多数浏览器可能有一个表，该表在内部将元素与 id 相关联。所以几乎总是，我们可以忽略此操作的性能成本。这是错误的吗？

谢谢。

Answer 1

Chrome 和 Firefox 似乎为 ID 创建了一个映射，但至少从 ie8 开始，Explorer 似乎仍然存在性能问题。 Mike Blandford 进行了一些基准测试，至少暗示 IE 没有使用数组映射，因此它的性能会受到很大影响:

JavaScript: document.getElementById slow performance?

引用:

Here are the results (for a page with 10,000 elements on it):

IE8 getElementById: 0.4844 ms IE8 id array lookup: 0.0062 ms

Chrome getElementById: 0.0039 ms Chrome id array lookup: 0.0006 ms

他接着说 FF 与 chrome 非常相似。当然，在大多数情况下，.5ms 几乎不用担心，但对于大树和频繁调用，它可能成为一个问题(有人指出你可以使用 JS 为基于 ID 的元素创建缓存系统，这将显着提高在某些浏览器中的性能)。