ホームページ  >  記事  >  ウェブフロントエンド  >  Js は、ラベルの現在のクリックを実装して色を変更し、他のラベルをハイライトして元の color_javascript スキルに戻します。

Js は、ラベルの現在のクリックを実装して色を変更し、他のラベルをハイライトして元の color_javascript スキルに戻します。

WBOY
WBOYオリジナル
2016-05-16 17:12:111613ブラウズ

ページに複数の a タグがあり、クリックすると現在のページにジャンプします。クリックされたタグが色を変えて強調表示され、他のタグは元の色に戻るにはどうすればよいですか?

JS を使用して次のことを実現します。

現在のページが "1.aspx" であるとします。

1. タグ ID の値を設定します:

コードをコピー コードは次のとおりです:

2. JS メソッドを作成します:
コードをコピー コードは次のとおりです。

<script> 🎜>&(document).ready (function(){ <br>var id = windows.ulr.substring(windows.ulr.IndeOf("?id="),1) //ID 値を取得します<br>var currtA = document.getElementById(id); //現在クリックされているタグを取得します <br>if(currtA != null) <br>currtA.style.color = "#f00">}); </script>


ジャンプせずにタグ ページをクリックする場合など、次のように記述できます:


<script> <div class="codebody" id="code77567">function changeCss(obj){ <br>var alist = document.getElementsByTagName("a"); <br>for(var i =0;i < alist.Length;i ){ <br>alist[i].style.color = "#000"; //すべての a タグに基本色を割り当てます<br>} <br>obj.style.color = "#f00"; current tag<br>} <br>//もちろん、Jquery の $("a").removeCss() と addCss() を使用して <br></script>

を実現することもできます。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:html と javascript の読み込み順序については、browser_javascript スキルで説明します。次の記事:html と javascript の読み込み順序については、browser_javascript スキルで説明します。

関連記事

続きを見る