Javascript/HTML:在命名时使用id vs. class

Javascript/HTML: Using id vs. class when naming

本文关键字：id vs class HTML Javascript 更新时间：2023-09-26

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

一个让我绊倒的bug发生在我为输入添加一个文本字段时，旁边有一个按钮;用户只需输入他们想要添加到列表中的名称，然后单击按钮即可添加。

我的问题是:为什么在html中，文本字段必须以id="…"命名，而按钮必须以class="…"命名?

作为额外的参考，在我的javascript文件中，我使用的是textfieldname。值和'click input.buttonname'。id和class的要求是否源于我如何使用它们?

"id"属性用于为元素提供全局唯一的标识符。"class"属性用于根据元素的含义、预期用途、与其他元素的关系或应用程序所需的其他内容对元素进行分类或分类。

通常使用类来标识事物更为灵活，因为可以为多个元素赋予相同的类，并且一个元素可以拥有所需的任意多个类。任何单个元素只能有一个"id"，并且这些值不能在同一文档中重复使用。对于这两个属性，有明确的用例，其中一个或另一个显然更合适，而在许多其他情况下，它不太清楚，可以使用其中任何一个。

这不是一个真正的JavaScript问题，而是一个"web应用程序设计"问题。如何标记HTML元素是由内容的性质(HTML)、表示的需要(CSS)和预期的行为(JavaScript)决定的。