两个html元素可以在不同的类中具有相同的ID吗？

Question

我正在为现有的应用程序编写一个javascript，其中有两个表单具有单独的 id ，并且在每个表单中都有一个div，其ID为{{1} }。但是这些"validationSummary"属于不同的类。所以我的问题是这可能吗？请有人能解释一下这是对的吗？

这些是div s：

div

以及班级<form id="foo" .....> <div class="notice_bar validation-summary-errors error_message" id="validationSummary"></div> </form> <form id="bar" .....> <div class="validation-summary-valid notice_bar affirmative_message" id="validationSummary"></div> </form> 也很常见，导致其他混乱！

Answer 1

可能？是。 好编码？否。

来自w3.org：

  

ID和NAME令牌必须以字母（[A-Za-z]）开头，可能是   后跟任意数量的字母，数字（[0-9]），连字符（＆＃34; - ＆＃34;），   下划线（＆＃34; _＆＃34;），冒号（＆＃34;：＆＃34;）和句号（＆＃34;。＆＃34;）。

Answer 2

  

元素的唯一标识符。

     

必须不是文档中具有相同ID值的多个元素。

取自w3.org。

  

id属性指定HTML元素的唯一ID（该值在HTML文档中必须是唯一的。）

取自W3Schools。

Answer 3

它应该工作得很好，但这不是一个好习惯。冗余不一定是件好事。

Answer 4

它应该工作...我在创建相同ID的应用程序上工作，并且我在页面上同时使用相同的ID。这不是一个好习惯，因为ID是唯一的，但除非你需要使用一些JavaScript来运行来自特定id的东西（在你的情况下为validationSummary），它应该有用。正如已经说过的那样，不是ID的含义。