Javascript / HTML：命名時使用ID與類

Question

我開始使用Meteor學習一些Javascript，並查看它們的示例。

當我添加文本字段進行輸入並在其旁邊有一個按鈕時，發生了一個讓我感到有些驚訝的錯誤。 用戶將輸入他們想要添加到列表中的名稱，然后單擊按鈕進行實際添加。

我的問題是：為什么在html中似乎必須使用id =“ ...”來命名文本字段，而必須使用class =“ ...”來命名按鈕呢？

作為其他參考，在我的JavaScript文件中，我使用的是textfieldname.value和'click input.buttonname'。 id對類的要求是否源於我的使用方式？

Answer 1

“ id”屬性用於為元素提供全局唯一的標識符。 “ class”屬性用於根據元素的含義，預期用途，與其他元素的關系或您的應用程序需要的任何其他內容對元素進行分類或類型化。

通常 ，使用類來標識事物會更加靈活，因為可以為多個元素賦予同一個類，並且一個元素可以具有所需的多個類。 任何單個元素只能有一個“ id”，並且這些值不得在同一文檔中重復使用。 對於這兩種屬性，都有明確的用例，其中一種或另一種顯然更合適，而在許多其他情況下，它不太清楚，並且可以使用其中一種。

這實際上不是JavaScript問題，而是“ Web應用程序設計”問題。 如何標記HTML元素是由內容（HTML）的性質，表示的需求（CSS）和預期的行為（JavaScript）決定的。