リンクをクリックしたら、JavaScriptを走らせたいと思っています。その際、クリックしたリンクのスタイルシートを動的に変えたいのですが、やり方を教えていただけないでしょうか。たとえばですが、項目1 項目2 ここで、項目2をクリックしたら、JavaScriptの Startメソッドが動いた上で、 ↓ 項目1 項目2 に変化させたいです。また、リンクに関しては、の形式ですと、リンクを触った時にキャレットになってしまうので、出来れば普通にリンクを押す時のようにしたい（手のマークのカーソルの状態）のですが、併せて教えていただけないでしょうか。

意味がよくわかってませんが… 当たるも八卦の超推理で、こんなことでしょうか？（はずれている確率が圧倒的に高そうですが）＊Start()の呼び出しはコメントアウトしてあります。 sample div#hoge span { color:#000; } div#hoge span.on { color:#00f; text-decoration:underline; cursor:pointer; } 項目1 項目2

動的にスタイルを変えたい

解決済

質問者：ginfix
質問日時：2011/06/15 19:58
回答数：4件

リンクをクリックしたら、JavaScriptを走らせたいと思っています。
その際、クリックしたリンクのスタイルシートを動的に変えたいのですが、
やり方を教えていただけないでしょうか。

たとえばですが、
<span class="on">項目1</span>
<a href onclick="Start('2')">項目2</a>

ここで、項目2をクリックしたら、JavaScriptの
Startメソッドが動いた上で、
↓

<a href onclick="Start('1')">項目1</a>
<span class="on">項目2</span>

に変化させたいです。

また、リンクに関しては、<a href onclick…>の形式ですと、
リンクを触った時にキャレットになってしまうので、出来れば
普通にリンクを押す時のようにしたい（手のマークのカーソルの状態）
のですが、併せて教えていただけないでしょうか。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.4ベストアンサー

回答者： ORUKA1951
回答日時：2011/06/16 12:47

＞リンクをクリックしたら、JavaScriptを走らせたいと思っています。

　　　　　　　　　　　　　^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
＞その際、クリックしたリンクのスタイルシートを動的に変えたい

動的にスタイルを変更したいなら、古いですが
コンテンツ ( http://hpcgi1.nifty.com/Iruka/contents.html )
とか、javascriptは使ってないですが・・

- 0
- 件

通報する

No.3

回答者： fujillin
回答日時：2011/06/16 10:33

意味がよくわかってませんが…

当たるも八卦の超推理で、こんなことでしょうか？
（はずれている確率が圧倒的に高そうですが）
＊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">

</script>
</head>

<body>

<div id="hoge" onclick="fuga(event)">
<span class="on">項目1</span>
<span>項目2</span>
</div>

</body>
</html>