- ベストアンサー
クリックしたリンクのスタイルを動的に変更する方法とは？
- JavaScriptを使用して、クリックしたリンクのスタイルシートを動的に変更する方法について教えてください。
- また、キャレットにならずにリンクを押す時のような手のマークのカーソルの状態を実現する方法も教えてください。
- 具体的な例として、項目1と項目2のリンクをクリックした場合に、項目2が項目1と入れ替わるようにしたいです。
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
＞リンクをクリックしたら、JavaScriptを走らせたいと思っています。 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ＞その際、クリックしたリンクのスタイルシートを動的に変えたい 動的にスタイルを変更したいなら、古いですが コンテンツ ( http://hpcgi1.nifty.com/Iruka/contents.html ) とか、javascriptは使ってないですが・・
その他の回答 (3)
- fujillin
- ベストアンサー率61% (1594/2576)
意味がよくわかってませんが… 当たるも八卦の超推理で、こんなことでしょうか？ （はずれている確率が圧倒的に高そうですが） ＊Start()の呼び出しはコメントアウトしてあります。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja"> <head><title>sample</title> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <style type="text/css"> div#hoge span { color:#000; } div#hoge span.on { color:#00f; text-decoration:underline; cursor:pointer; } </style> <script type="text/javascript"> <!-- function fuga(evt){ var t=evt.target||evt.srcElement; if(t.className!="on") return; var i, e, idx, c=t.parentNode.childNodes; for(i=0, idx=0; e=c[i++];) if(e.nodeName=="SPAN"){ idx++; // if(e==t) Start(idx); e.className=e==t?"":"on"; } } //--> </script> </head> <body> <div id="hoge" onclick="fuga(event)"> <span class="on">項目1</span> <span>項目2</span> </div> </body> </html>
- ORUKA1951
- ベストアンサー率45% (5062/11036)
意味が読み取れません。 リンクをクリックしてページを遷移したら、そのページではそのページに対するリンクを無効にしたいと言うことですか？ その説明では、そういうことみたいですが？？
- t_ohta
- ベストアンサー率38% (5241/13712)
例で書かれているのはスタイルシートを変えるのでは無くHTMLを書き換えています。 スタイルシートを切り替えたいのか、HTMLを書き換えたいのか、どちらでしょう？ リンク部分の記載については <a href="javascript:Start('2');"> とすればご希望通りになると思います。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_4_thumbnail_img_sm.png)
