javascript - dom 或 html 文档中理想的 id 数量

Question

我一直非常专注于 javascript 和提高我网站的性能。我经常做的一件事是，动态创建元素，并使用 ID 访问这些元素。

也许你可以帮我解决一些问题。

1. 为文档中的每个有趣节点赋予唯一 ID 的主要缺点是什么？

2. 文档中理想的 ID 数量是多少？

3. 文档的 ID 数量是否有上限？

4. 在性能方面，通过 css class 获取元素是否比通过 id 获取元素慢？

谢谢大家的回答。如果您对这些关于 dom 和访问它们的问题有任何补充说明，我们将不胜感激。

谢谢。

Answer 1

除了 IE、Safari 和 Chrome 将“id”值提升到 window 属性的一个烦恼之外，我知道大量使用“id”值并没有真正的惩罚。然而，好的 JavaScript 代码应该能够处理这个问题。

注意:

• “id”值必须在文档(页面)中保持完全唯一。不能对多个元素使用相同的“id”值。
• 通过“id”查找比通过任何其他方式查找快得多。

在现代浏览器中，按类查找可能非常快，但这只是因为这样做的工作已被淹没在浏览器的低级支持代码中(可能由更精细的内部数据结构、缓存等支持) ).现在类名也非常重要，无论是对于简单的语义标记还是供客户端代码使用，所以我并不是说类是坏的或其他任何东西。事实上，有时完全通过“id”做事是相当愚蠢的，而使用类会引入简单性。

edit — 截至目前(2013 年底)Firefox 也为具有“id”属性的元素创建 window 属性。 :(