几个具有相同ID的HTML元素是错误的吗？

Question

在某些DIV元素中，我有一个复杂的布局，不同的子元素有自己的ID。今天我意识到我需要复制整个事情，我没有时间用不同的ID重新创建它。

例如，有两个具有相同ID的DIV是如此糟糕吗？会发生什么？

Answer 1

主要问题是，当使用JS选择它们时，假设每个ID只有一个 - 这意味着事情通常会中断。

具体来说，getElementById非常快，因为它只假设每个id中的一个。

此外，HTML4 specification说：

  

此属性为元素指定名称。此名称必须是唯一的   在文件中。

改变真的不是很难，只需将id换成class，将CSS #换成.。

Answer 2

ID应该是唯一的（只有一个元素使用它），而class更像是通用的（元素组使用它）。

引用此website，将其视为教室：

  

  
• ID =一个人的身份证明（ID）对一个人来说是唯一的。
  
• Class =班上有很多人。
  

所以，我建议你从ID改为class。

Answer 3

这很糟糕，真的，因为它不应该那样使用。

浏览器非常宽容，但我会花时间使用类来避免这种情况。