Javascript要素にスタイルを追加

このコードでは、 orangeBackgroundクラスとlargeクラスに定義されているすべてのスタイルルールがWeb要素に適用されます。ただし、IDカードでは、各アイテムが持つことができるIDは1つだけであるため、この動作を再現できませんでした。

IDには固有のブラウザ機能があります

これまで、IDでスタイルを適用できることについて説明してきました。単一の要素。複数の要素にスタイルを適用できるクラスとは異なります。クラスセレクタとIDセレクタの違いはこれだけではありません。

ブラウザでは、クラスに特別な機能はありません。それらの主な目的は、Webページ上のいくつかの要素にスタイルを適用できるようにすることです。一方、IDは、ブラウザがWebページの特定の部分にアクセスするために使用できます。

要素にIDを割り当てると、特別なURLを使用してその要素に直接リンクできます。エレメント。この動作は、IDがWebページ上で一意であるために機能します。

ヘッダー付きのユーザーに自動的にスクロールするWebサイトへのリンクを送信するとします。次のコードを使用してこれを行うことができます：

このコードでは、テキスト Threeを含むタグ

タグにIDカードを割り当てています。これで、Webページ上のその要素への直接スクロールリンクをユーザーに送信できます。これは、次のアドレスを使用して行われます。