document.form1.text1.style.background-color = "green"; これはテキストボックスの背景色をグリーンにするプログラムなんですがうまくいきません。どこが間違っているのか指摘してください。

テキストボックスの背景色について

解決済

質問者：noname#53923
質問日時：2006/12/01 10:02
回答数：1件

<html>
<body>
<form name="form1">
<input type="text" value="よろしく" name="text1">
<script language="javascript">
document.form1.text1.style.background-color = "green";
</script>
</form>
</body>
</html>

これはテキストボックスの背景色をグリーンにするプログラムなんですがうまくいきません。どこが間違っているのか指摘してください。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： yambejp
回答日時：2006/12/01 10:24

ああ、よくやるパターンですね。

javascriptではハイフンでつないだ文字列って使えない（引き算になるから？）
のでその手のプロパティへのアクセスは基本的にハイフン抜きで
大文字つなぎになります。

document.form1.text1.style.backgroundColor = "green";

って書いてください。また場合によっては

document.form1.text1.setAttribute("style","background-color:green");

なんて、書いてもよいですが、個人的にはスタイルくらい直接
いじらせろ・・・と思ってます。まぁオブジェクト指向なんでしょうけど。

それとscriptは本文中に書かない方がよいので、以下のようにしておくと
可読性があがりよろしいかと。（外部化できるし）

<html>
<head>
<script language="javascript">
window.onload=function(){
document.form1.text1.style.backgroundColor = "green";
}
</script>
</head>
<body>
<form name="form1">
<input type="text" value="よろしく" name="text1">
</form>
</body>
</html>