![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
クリックごとに文字色が変化するプログラムを作りたいのですが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ランキング
-
selectのonChangeが動作しません
-
<JavaScript>tableタグを入力不...
-
JQueryでテーブルの行を追加し...
-
テーブルのtdの中に、重複避け...
-
onMouseでbackgroundの画像を変...
-
任意に文字数指定のできる原稿...
-
javascriptでクリックするごと...
-
このjavascriptがわかりません
-
javascriptで<table>背景色の取得
-
マウスオンで指定の位置で画像...
-
テーブルをクイックソートする...
-
画面表示とともに、テーブルの...
-
クリックごとに文字色が交互に...
-
文字列型をDOM型に変換
-
javascript でテーブル操作
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
【jQuery】input nameの文字列...
-
select内を書き換えることは出...
-
value内に変数を入れたい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<JavaScript>tableタグを入力不...
-
テーブルの行数を可変長にした...
-
画面表示とともに、テーブルの...
-
selectのonChangeが動作しません
-
【jQuery】tableループ内のIDの...
-
javascriptで画像をテーブルに...
-
Tableの枠線(内・外)色を変更
-
テキストエリアに入力した改行...
-
クリックごとに文字色が交互に...
-
javascript でテーブル操作
-
JQueryでテーブルの行を追加し...
-
javascriptで<table>背景色の取得
-
idの振り直しについて
-
テーブルのセルのクリック時、...
-
<iframe>内にHTMLをランダム表...
-
javascriptでスロットマシン
-
プルダウンメニューを表の中に...
-
連動テーブルのクロスハイライト
-
簡単なJavaスロットマシーンに...
-
jquery にて、アラートダイアロ...
おすすめ情報