HTML元素可以有多个id吗?

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

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

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

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

当前回答

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

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

2020-01-28 11:52:22

其他回答

不。虽然W3C对HTML 4的定义似乎没有明确地涵盖您的问题，但name和id属性的定义表明标识符中没有空格:

ID和NAME令牌必须以字母([a- za -z])开头，后面可以是任意数量的字母、数字([0-9])、连字符("-")、下划线("_")、冒号(":")和句号(".")。

2008-10-10 16:10:35

不。每个DOM元素(如果它有id)都有一个唯一的id。你可以用以下方法来近似:

<div id='enclosing_id_123'><span id='enclosed_id_123'></span></div>

然后使用导航来得到你真正想要的东西。

如果你只是想应用样式，类名会更好。

2008-10-10 16:11:23

Nay.

从3.2.3.1的id属性:

不能包含空格。

id="a b" <——查找该VaLuE中的空格字符。

也就是说，可以对多个id进行样式化。但如果您遵循规范，答案是否定的。

2017-12-16 13:13:36

与别人说的相反，正确的答案是肯定的

Selectors规范对此非常清楚:

如果一个元素有多个ID属性，为了ID选择器的目的，所有这些属性都必须被视为该元素的ID。这种情况可以混合使用xml:id、DOM3 Core、xml dtd和特定于名称空间的知识来实现。

Edit

澄清一下:是的，一个XHTML元素可以有多个id，例如:

<p id="foo" xml:id="bar">

但是使用空格分隔的列表将多个id分配给同一个id属性是不可能的。

2011-04-16 07:53:16

我想说技术上是可以的，因为真正呈现的内容在技术上总是依赖于浏览器。大多数浏览器都尽可能地遵循规范，据我所知，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

HTML元素可以有多个id吗?

推荐文章

最新文章

标签