
クリックごとに文字色が変化するプログラムを作りたいのですがchangeColor()の部分の処理がうまく動作しません。おそらくif文の条件の表記が間違っていると思うのですが、どのように書き換えればいいのでしょうか?
<html>
<head>
<script language="JavaScript">
<!--
function changeColor()
{
if(event.srcElement.style.color="#ff0000")changeBlue();
else changeRed();
}
function changeRed()
{
event.srcElement.style.color="#ff0000";
}
function changeBlue()
{
event.srcElement.style.color="#0000ff";
}
//-->
</script>
</head>
<body >
<table border="10" width="100" height="100" align="center" valign="top" bgColor="#ffffff">
<tr>
<td><a href="javascript:void(0)"onClick="changeColor()"><font size="7">A</font></a></td>
<td><a href="javascript:void(0)"onClick="changeColor()"><font size="7">B</font></a></td>
</tr>
</table>
</body>
</html>
No.2ベストアンサー
- 回答日時:
>if(event.srcElement.style.color="#ff0000")
問題はこれこれ。
if(event.srcElement.style.color=="#ff0000")
こうしないと。
colorに#ff0000が代入されていつもtrueになってしまいますよ。
私もよくやるミスです。(^^;
結構見つけにくかったりしますね。
No.3
- 回答日時:
BlueRayさんのおっしゃっているとおり、この場合のif文は中各個で囲みましょう。
基本を押さえてくださいね。
それと、
<a href="javascript:void(0)"onClick="changeColor()">
のonClickの前にスペースがないので、正常に動作していませんでした。
No.1
- 回答日時:
>if文の条件の表記が間違っていると思うのですが
>
>if(event.srcElement.style.color="#ff0000")changeBlue();
>else changeRed();
そうですねぇ・・・
if(event.srcElement.style.color="#ff0000"){changeBlue();}
else{changeRed();}
こうしてみては、どうでしょうか。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
idの振り直しについて
-
画面表示とともに、テーブルの...
-
ボタン無しでフォーム内容送信
-
javaScriptの変数をJavaの変数...
-
onchangeイベントを強制的に発...
-
return trueとreturn falseの用...
-
<input>の選択肢をプルダウンメ...
-
Formのシリアライズができない
-
RegularExpressionValidatorの...
-
Javascriptに条件分布ついて(再)
-
C#(csファイル)とjavascriptと...
-
name = cats[1] という input ...
-
switchを使って四則演算のプロ...
-
複数のformから値を取得する方法
-
データベースの値を判断してラ...
-
テキストボックスにカーソルを...
-
テーブル内のチェックボックス...
-
複数のチェックボックス項目が...
-
OnClickでURL生成し、飛ばしたい
-
時間表示のタグ
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<JavaScript>tableタグを入力不...
-
selectのonChangeが動作しません
-
画面表示とともに、テーブルの...
-
Dreamweaverで音をボタンで出る...
-
jquery.csv2table.jsのテーブル
-
プルダウンメニューを表の中に...
-
javascriptでクリックするごと...
-
テーブルのセルのクリック時、...
-
javascriptでカレンダーを作る
-
テーブルの行数を可変長にした...
-
Javascript 文字列検索のルーチ...
-
googleカンダーようにドラック...
-
csvファイルのデータを変数とし...
-
【jQuery】tableループ内のIDの...
-
テキストエリアに入力した改行...
-
PHPでMYSQLの検索結果にリンク...
-
javascriptで画像をテーブルに...
-
jqueryで、あるタグが削除され...
-
外部のデータファイルの読み込...
-
tbody要素のinnerHTMLが書き換...
おすすめ情報