如何在HTML5上为具有相同ID的div标记编制索引

Question

我要说，我的代码如下

<div id='tes' data-name='baloon'>Content Baloon</div>
<div id='tes' data-name='big'>Content Big</div>

我想用javascript（而不是jquery）获取每个div的内部，但是在html5上工作。怎么样？

Answer 1

HTML（5或任何其他版本）文档中不能包含具有相同ID的元素 - 这是一个错误。因此，javascript无法解决这个问题。

在http://www.w3.org/TR/html401/struct/global.html#h-7.5.2

检查HTML观看次数

您可以拥有多个具有相同“name”属性的元素 - 而javascript则支持该属性。

Answer 2

只需将tes作为一个类，然后使用Javascript获取该类的所有div元素。

然后遍历该组元素并检查您要匹配的特定data-name属性。

Answer 3

每个div标签“class”或“id”不能具有相同的特定名称。

data-name用于匹配javascript函数和给定的命令。