javascript - CSS-IDがアンカーを使用してリンクされている場合、divを強調表示しますか?

Question

私がやろうとしているのは、別のページIEのアンカーによって参照されているときに、特定のIDを持つdivを強調表示することです:

ユーザーが link をクリックするhref="qw.html#test"と、ページが読み込まれると、 の divid="test" が強調表示され、ユーザーがはっきりと見ることができます。

div がリンクされている場合に div が強調表示される CSS3 の例を見たことがあると確信しています。それともJavaScriptでしたか？

Answer 1

:target疑似クラスを使用する必要があります。

:target {
   background-color: #ffa;
}

JSフィドルデモ。

Answer 2

これはJavaScriptで実行できます。jQueryを使用してURLからアンカーを取得する方法を参照してください。URLからアンカーを取得する方法については、次のような単純なものにすることができます。

document.getElementById(hash).style.backgroundColor="Yellow";

Answer 3

JavaScript を使用して、div のクラスを動的に追加/変更できます。

あなたが持っている場合：

<div id="test"></div>

アンカーのクリックで実行される Javascript 関数:

document.getElementById("test").className += " highlighted";

結果：

<div id="test" class=" highlighted"></div>