web-dev-qa-db-ja.com

CSS-アンカーの使用にIDがリンクされているときにdivを強調表示しますか？

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

ユーザーがリンクをクリックするhref="qw.html#test"、ページが読み込まれると、id="test"は、ユーザーがはっきりとわかるように強調表示されています。

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

javascriptcsshtmlanchorhighlight
52
harley_woop

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

:target {
   background-color: #ffa;
}

JS Fiddleデモ 。

101
David Thomas

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

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

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

アンカーをクリックして実行されるJavaScript関数：

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

結果：

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

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

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