<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>
これはテキストボックスの背景色をグリーンにするプログラムなんですがうまくいきません。どこが間違っているのか指摘してください。
No.1ベストアンサー
- 回答日時:
ああ、よくやるパターンですね。
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>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- CGI perlで書いたcgiでsqliteの使い方を教えてください 2 2023/05/08 21:29
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLファイル同士での値渡し
-
TextBoxに半角数字以外を入れた...
-
テキストエリアに履歴を残したい
-
フォーカス設定について教えて...
-
ページ間で変数を保持したい
-
JavaScriptからphp関数の呼び出し
-
テキストボックスの背景色について
-
入力した文字をステータスバー...
-
IE上のカーソル位置に文字列を...
-
cookieの判断
-
テキストボックスに初期値で1...
-
マイナスなら赤字で表示したい...
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
hiddenのvalueの値を変えたい
-
onchangeイベントを強制的に発...
-
チェックボックスの設定
-
javascriptでASPにデータを渡す
-
テキストエリアをenterキーでフ...
-
クリックの度に加算していくには?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
TextBoxに半角数字以外を入れた...
-
HTMLとJavaScriptで作った表示...
-
tabindexの取得
-
VBscriptの配列変数をJavascrip...
-
プルダウンで選択された値を別...
-
フォームの内容でリンク先URLの...
-
テキストボックスに入力した色...
-
GetElementByIdがうまく取得で...
-
JavaScriptで作ったアプリが正...
-
jQueryのdatepickerの日付が選...
-
HTMLファイル同士での値渡し
-
マイナスなら赤字で表示したい...
-
VBSからjavascript
-
テキストエリアに履歴を残したい
-
どちらかひとつのテキストボッ...
-
一部Enter無効化の方法を教えて...
-
ページ間で変数を保持したい
-
Request.Form(key)の中身をクリ...
-
javascriptのちょっとした動作...
-
JSで一つのボタンを押したとき...
おすすめ情報