如果在存在ID旁边添加另一个ID，则脚本不会运行

Question

我在上一篇文章中提出了一个问题。这是link。

运行正常。但是当我在存在的id旁边放置另一个ID时，它无法运行。每个人都可以说出原因并为我解决。感谢。

这是demo

以下是my edit（添加更多ID）

感谢您的帮助。

Answer 1

本刊，

你不能有多个ID到HTML元素。

您可以参考她的http://www.w3.org/TR/xhtml1/#h-4.10

Answer 2

元素的ID属性在整个文档中必须是唯一的，请参阅Global Attributes on the Mozilla Developer Network。

  

此属性定义唯一标识符（ID），该标识符必须是唯一的   在整个文件中。其目的是在何时识别元素   链接（使用片段标识符），脚本或样式（使用   CSS）。

由于元素与ID之间存在一对一的关系，因此将多个ID添加到单个元素中是没有意义的。

specification也说明了 -

  

该值必须在元素主页中的所有ID中唯一   子树，必须包含至少一个字符。 价值不得   包含任何空格字符。

如果要为样式目的添加属性，使用jQuery / native JavaScript选择元素，或者更改视觉外观的状态，则应考虑添加CSS类 - 元素可以包含零个或多个类和类可以在一个文档中复制。

如果您正在处理高性能应用程序，那么您可能希望使用data- attributes向元素添加状态信息，因为这不会触发重绘。 data属性也可以用作jQuery或本机JavaScript querySelector方法的选择器。