ブラウザ依存? html JavaScript textboxの値の渡し方

解決済みの質問

ブラウザ依存? html JavaScript textboxの値の渡し方

<html>
<head>
<script type="text/javascript">
function print(arg){
document.getElementById("out").innerHTML = "<br/>" + arg;
}
</script>
</head>
<body>
<input type="textbox" name="text1"/><br/>
<input type="button" value="print" onclick="print(text1.value)"/>
<div id="out"></div>
</body>
</html>

上記は、textboxに入力した文字列を[print]ボタンを押下すると表示するhtmlです。IE6.0では期待通りに動作するのですが、Firefox/2.0では動作しません。

ブラウザに依存しない様にはどこを直せばよいですか?

投稿日時 - 2008-02-04 20:15:59

連想キーワード:

QNo.3744676

暇なときに回答ください

質問者が選んだベストアンサー

<input type="text" id="text1"/><br/>
<input type="button" value="print" onclick="print(document.getElementById('text1').value)"/>

なるべくそのままの状態なら

name="text1"をidに。
print( )を上の様に。

対象を指定する時は、IDとdocument.getElementByIdを必ず使う癖を。

投稿日時 - 2008-02-04 20:28:11

お礼

ご回答ありがとうございました。

上手くできました。

投稿日時 - 2008-02-04 22:27:50

ANo.1

0人が「このQ&Aが役に立った」と投票しています

あわせてチェックしたい
  • <input type="file"/> ...
  • IEにおけるinnerHTMLの記述ミス? ...
  • innerHTMLなどの反映タイミング ...
PR
【回答募集中】花粉にひと言、物申す![ 詳細 ]

OKWaveのオススメ

教えて弁護士さん!

お金の悩みQ&A特集はこちら