Javascript 表示される文字によって背景色を変更する

Question

性別:　の後ろには　男、女のいづれかが表示されます。
男が表示された場合には、背景色が青色
女が表示されさ場合には、背景色がピンク色
それ以外の場合は背景色を緑色にしたいと思っています。
下記のコードでは常に緑色になってしまいます。
コード

<div id="mybox"> <p id='gender'>性別:<?php echo $receive;?></P> </div> <script> var mybox = document.getElementById("mybox"); var gender = document.getElementById("gender");

if(gender=="性別:男"){
mybox.style.backgroundcolor="blue";
} else if(gender=="性別:女"){
mybox.style.backgroundcolor="pink";
} else {
mybox.style.backgroundcolor="blue";
}
</script>

Comments

[takasima20]

JavaScript でやるなら onLoad 契機で動くようにするのがいいんじゃないかなあ。
phpで設定するのが手っ取り早いんじゃ?

Answer 1

そのコードで緑にはならないと思いますが、

var gender = document.getElementById("gender").textContent;

ではないでしょうか。 提示されているコードだと変数genderはHTMLParagraphElement型なので、文字列と等しくなることはあり得ません。

Comments

[makosama4493]

ご教示のとおりでうまくいきました。本当にありがとうございました。