重復元素子代的ID

Question

如果父元素的ID不同，則元素的子元素的ID名稱與另一個元素的子元素的ID相同可以嗎？ 有潛在的沖突嗎？

Answer 1

不，元素id在整個文檔中應該是唯一的。 document.getElementById()無法與重復的id一起使用（顯然，因為它僅返回一個元素）。 現在，您的頁面可能可以使用重復的id正常工作，這不像瀏覽器會崩潰或拒絕呈現頁面或其他任何東西，但這不是正確的HTML。

如果需要非唯一標識符，請使用class屬性。 這就是用相同名稱標記多個元素的目的。

Answer 2

閱讀規格 ：

此屬性[id]為元素分配名稱。 此名稱在文檔中必須唯一 。

Answer 3

這是非常不好的做法，並且可能導致錯誤。 更好的解決方案是使用類來區分子對象，然后從父ID下降以找到您要查找的元素。

Answer 4

無論在HTML還是Javascript的上下文中，ID都應該始終是唯一的。 使用唯一的標識符會更好。 例如，您有多個ID為“ foo”的元素。 document.getElementById（“ foo”）中的ID將僅返回該ID的第一個實例。

Answer 5

如果您具有相同ID的不同DOM元素，則有時會導致麻煩……甚至以為它可能會起作用就不要這樣做。