![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
クリックごとに文字色が変化するプログラムを作りたいのですが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で質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- CGI perlで書いたcgiでsqliteの使い方を教えてください 2 2023/05/08 21:29
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascriptでクリックするごと...
-
javascriptで画像をテーブルに...
-
selectのonChangeが動作しません
-
テーブルの行数を可変長にした...
-
javascriptでダブルクオテーシ...
-
フォームが空欄の時にフォーム...
-
tableの任意行にfocusをあてる
-
onclickで2個指定するには?
-
配列のチェックボックスをjavas...
-
ダミーフォームの内容を送信用...
-
条件により、リンク先に画面遷...
-
大量のselect要素のvalueを短い...
-
onchangeイベントを強制的に発...
-
value内に変数を入れたい
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
formを書き換えて送信する方法
-
HTML中のTABLEのデータを抽出す...
-
2段階プルダウンで1段階目の選...
-
クリックさせたいが、click()が...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<JavaScript>tableタグを入力不...
-
selectのonChangeが動作しません
-
テーブルの行数を可変長にした...
-
画面表示とともに、テーブルの...
-
javascriptで<table>背景色の取得
-
javascriptでクリックするごと...
-
テキストエリアに入力した改行...
-
JQueryでテーブルの行を追加し...
-
javascriptで画像をテーブルに...
-
クリックごとに文字色が交互に...
-
カレンダーに印を付けたい
-
任意に文字数指定のできる原稿...
-
idの振り直しについて
-
tbody要素のinnerHTMLが書き換...
-
複数画像のロールオーバー
-
指定のテキストをクリックする...
-
マウスが重なったら画像の上に...
-
jQueryでの親の親の隣の子供の...
-
JavaScript 保守性の高めたい 2
-
Javascriptでの開閉リストの質問
おすすめ情報