Meteor を使用して Javascript を学習し始めており、その例を見ています。
横にボタンがある入力用のテキストフィールドを追加していたときに、少しつまずいたバグが1つ発生しました。ユーザーはリストに追加したい名前を入力し、ボタンをクリックして実際に追加します。
私の質問は次のとおりです。html では、テキスト フィールドに id="..." という名前を付ける必要があるのに、ボタンに class="..." という名前を付ける必要があるのはなぜですか?
追加の参考として、私の JavaScript ファイルでは、textfieldname.value と 'click input.buttonname' を使用しています。ID とクラスの要件は、私がそれらをどのように使用しているかに由来しますか?
「id」属性は、要素にグローバルに一意の識別子を提供するために使用されます。「クラス」属性は、要素の意味、使用目的、他の要素との関係、またはアプリケーションが必要とするその他の要素に従って、要素を分類または類型化するために使用されます。
通常、物事を識別するためにクラスを使用する方がより柔軟です。これは、複数の要素に同じクラスを与えることができ、要素は必要な数のクラスを持つことができるためです。1 つの要素は 1 つの「id」しか持つことができず、同じドキュメント内で値を再利用してはなりません。両方の属性には、明らかにどちらか一方がより適切な使用例があり、他の多くのケースではどちらか一方がより適切であり、どちらか一方を使用することができます。
これは実際には JavaScript の問題ではなく、「Web アプリケーションの設計」の問題です。HTML 要素にどのようにラベルを付けるかは、コンテンツの性質 (HTML)、プレゼンテーションのニーズ (CSS)、および意図する動作 (JavaScript) によって決定されます。