※ ChatGPTを利用し、要約された質問です(原文:TEXTAREA内の改行位置をinnerHTMLで反映させたい)
TEXTAREA内の改行位置をinnerHTMLで反映させたい
このQ&Aのポイント
HTMLフォームのテキストエリア内の改行をinnerHTMLで表示させる方法について教えてください。
innerHTMLを使用してテキストエリアの内容を表示する際、改行が反映されない場合の対処法を教えてください。
テキストエリア内の改行をHTMLに反映させる方法を教えてください。
TEXTAREA内の改行位置をinnerHTMLで反映させたい
例えば、
<HTML>
<HEAD>
<SCRIPT>
function send(){
var message = f1.message.value
var str = '<HTML>\n<HEAD>\n</HEAD>\n<BODY>\n'
str += ''+ message +'\n'
str += '</BODY>\n</HTML>'
document.frame1.document.body.document.body.innerHTML = str
}
</SCRIPT>
</HEAD>
<BODY>
<FORM name="f1">
<TEXTAREA rows="10" cols="40" name="message" onChange="send()"></TEXTAREA>
</FORM>
<IFRAME name="frame1" id="frame1" width="90%" height="350"></IFRAME>
</BODY>
</HTML>
このような記述をして、テキストエリア内に文字を数行にわたって書き込んでも改行はされません。
どのようにすれば改行されるようになりますか?
innerHTMLのところをinnerTEXTとして改行位置に<BR>タグが入るようにするのでもかまわないのですが、、、
どなたかお分かりになる方、ご教授願います。
お礼
いやぁ、やっぱりまだまだ勉強不足のようですね・・・。 教えていただいたもので完璧に動作するようになりました。 ありがとうございました。