HTML元素可以有多个id吗?

我知道在HTML/XHTML页面中id必须是唯一的。

对于一个给定的元素，我可以给它分配多个id吗?

<div id="nested_element_123 task_123"></div>

我意识到我有一个简单的解决方案，只需使用一个类。我只是好奇以这种方式使用id。

当前回答

不，如果你想沿着那条路径走，你应该使用嵌套的div。此外，即使您可以，想象一下当您运行document.getElementByID()时它会引起的混乱。如果有多个ID，它会抓取哪个ID ?

在稍微相关的主题中，您可以向DIV中添加多个类。

http://meyerweb.com/eric/articles/webrev/199802a.html

2008-10-10 16:17:01

其他回答

在稍微相关的主题中，您可以向DIV中添加多个类。

http://meyerweb.com/eric/articles/webrev/199802a.html

2008-10-10 16:17:01

每个元素只能有一个ID，但确实可以有多个类。但不要有多个类属性;将多个类值放入一个属性中。

<div id="foo" class="bar baz bax">

完全合法。

2008-10-10 23:14:43

我想说技术上是可以的，因为真正呈现的内容在技术上总是依赖于浏览器。大多数浏览器都尽可能地遵循规范，据我所知，CSS规范中并没有反对这一点。我只担保在任何其他解释器介入之前发送到浏览器的实际HTML、CSS和JavaScript代码。

然而，我也说不，因为我通常测试的每个浏览器实际上都不允许您这样做。

如果您需要自己查看，请将以下文件保存为.html文件，并在主要浏览器中打开它。在我测试的所有浏览器中，JavaScript函数都不能与元素匹配。然而，从id标签中删除任何一个“hunkojunk”都可以正常工作。

示例代码

<html>
<head>
</head>
<body>
    <p id="hunkojunk1 hunkojunk2"></p>

    <script type="text/javascript">
        document.getElementById('hunkojunk2').innerHTML = "JUNK JUNK JUNK JUNK JUNK JUNK";
    </script>
</body>
</html>

2012-04-18 18:21:17

ID应该是唯一的，所以您应该在一个页面上只使用特定ID一次。类可以重复使用。

查看HTML id属性(W3Schools)了解更多详细信息。

2020-01-28 11:52:22

正如其他人在我之前说过的那样，简单的答案是否定的。一个元素不能有多个ID，一个ID在一个页面中不能使用多次。试一试，你就会发现它有多不管用。

针对tvanfosson关于在两个不同元素中使用相同ID的回答。据我所知，一个ID在一个页面中只能使用一次，不管它是否附加到不同的标记。

根据定义，需要ID的元素应该是唯一的，但如果需要两个ID，那么它就不是唯一的，而是需要一个类。

2010-04-20 11:40:02

HTML元素可以有多个id吗?

推荐文章

最新文章

标签