Javascript/HTML：命名时使用 id 与 class答案

【问题标题】：Javascript/HTML: Using id vs. class when namingJavascript/HTML：命名时使用 id 与 class
【发布时间】：2012-12-09 23:14:56
【问题描述】：

我开始使用 Meteor 学习一些 Javascript 并查看他们的示例。

当我添加一个文本字段以供输入并在其旁边有一个按钮时，发生了一个让我有点不知所措的错误；用户可以输入他们想要添加到列表中的名称，然后单击按钮来实际添加它。

我的问题是：为什么似乎在 html 中，文本字段必须用 id="..." 命名，而按钮必须用 class="..." 命名?

作为其他参考，在我的 javascript 文件中，我使用的是 textfieldname.value 和“单击 input.buttonname”。 id 与 class 的要求是否源于我使用它们的方式？

【问题讨论】：

【解决方案1】：

“id”属性用于为元素提供全局唯一标识符。 “类”属性用于根据元素的含义、预期用途、与其他元素的关系或您的应用程序需要的任何其他内容对元素进行分类或典型化。

通常使用类来识别事物更加灵活，因为可以为多个元素赋予同一个类，并且一个元素可以根据需要具有任意多个类。任何单个元素只能有一个“id”，并且这些值不得在同一个文档中重复使用。这两个属性都有明确的用例，其中一个显然更合适，还有许多其他情况不太清楚，可以使用其中任何一个。

这并不是一个真正的 JavaScript 问题，而是一个“Web 应用程序设计”问题。如何标记 HTML 元素取决于内容的性质 (HTML)、呈现的需求 (CSS) 和预期的行为 (JavaScript)。

【讨论】：