※ ChatGPTを利用し、要約された質問です(原文:DOMによる、テキストエリアの内容の書き換え)
DOMによる、テキストエリアの内容の書き換え
このQ&Aのポイント
ボタンがクリックされたとき、テキストエリアボックスの内容が書き換わる
ボタンをクリックしても、テキストエリアが書き換わりません
elm[0].Valueでは、駄目なのでしょうか。
以下コードを記述し、test.htmlで保存しました。
「ボタンがクリックされたとき、テキストエリアボックスの内容が書き換わる」
と言うことを想定し、作成してみました。
ところが、ボタンをクリックしても、テキストエリアが書き換わりません。
elm[0].Valueでは、駄目なのでしょうか。
ボタンをクリックしたとき、関数までは動いていることは確認できたのですが。
(alertで確認済み)
ご教授お願いします。
==========以下内容======
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>テキストエリア書き直し</title>
</head>
<body>
<h1>テスト</h1>
<p>テキストエリアの書き換え</p>
<script type="text/javascript">
<!--
function syutoku(){
var elm=document.getElementsByName('textarea1');
elm[0].Value="書き直し";
//alert(elm[0]);
}
-->
</script>
<hr>
<p>テキストエリアを書き直します。</p>
<form name="form1">
<p><input type="button" value="ボタン" onClick="syutoku()"></p>
<p><textarea cols="40" rows="4" name="textarea1"> テキスト書き直しエリア</textarea></p>
</form>
<hr>
</body>
</html>
お礼
早速情報ありがとうございます。 試してみたところ、書き換わりました。 value 小文字じゃないと駄目なんですね・・・。 助かりました。 ありがとうございました。