![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
クリックごとに文字色が変化するプログラムを作りたいのですが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>背景色の取得
-
指定のテキストをクリックする...
-
セルの色>何が足りないのでし...
-
C言語クイックソートの比較総回...
-
onchangeイベントを強制的に発...
-
JavaScript ログアウト処理
-
ラジオボタン未チェックの場合...
-
Tablesorteを2行一組でソートする
-
テキストボックスの中身を選択...
-
テーブルの項目の値取得
-
javascriptでhiddenに二次元配...
-
セレクトメニューで選択された...
-
iframe内のformをサブミットす...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<JavaScript>tableタグを入力不...
-
selectのonChangeが動作しません
-
テーブルの行数を可変長にした...
-
画面表示とともに、テーブルの...
-
javascriptで<table>背景色の取得
-
javascriptでクリックするごと...
-
テキストエリアに入力した改行...
-
JQueryでテーブルの行を追加し...
-
カレンダーに印を付けたい
-
javascriptで画像をテーブルに...
-
クリックごとに文字色が交互に...
-
任意に文字数指定のできる原稿...
-
tbody要素のinnerHTMLが書き換...
-
idの振り直しについて
-
JavaScript 保守性の高めたい 2
-
マウスが重なったら画像の上に...
-
複数画像のロールオーバー
-
jQueryでの親の親の隣の子供の...
-
指定のテキストをクリックする...
-
Javascriptでテーブルタグの座...
おすすめ情報