[JS]見てるページのメニューを変更する（ボタンが画像の場合）

16年前

前に書いた記事のクラスを追加するタイプの場合だと、リンクしてるものが文字じゃなくて画像だったりすると画像そのものが変更出来ない。
そんな質問を見つけたので、画像ボタンの場合のものを作ってみた。

基本の判定は同じ（ファイル名とリンクのsrc一致）で、一致した場合クラス追加じゃなくて画像のsrcに_onを追加します。

<div id="menu">
<ul>
<li><a href="index.html"><img src="image/01.png" /></a></li>
<li><a href="menu2.html"><img src="image/02.png" /></a></li>
<li><a href="menu3.html"><img src="image/03.png" /></a></li>
</ul>
</div>

表示してるページのメニューがこうなる▼

<li><a href="menu3.html"><img src="image/01_on.png" /></a></li>

window.onload = function() {
if (document.getElementsByTagName) {
var myMenu = document.getElementById(“menu”).getElementsByTagName(“a”);
var myHref = document.location.href;
var myUrl = FilePass(myHref);
var HrefList = new Array();
for (var i = 0; i

シェア