[JavaScript]フォームとnameを指定してテキストエリアの値を取得
書式
const 変数名 = document.フォーム名.name名.value;
document.getElementById(セレクタ).textContent =変数名;
Node.textContent
textContent は Node のプロパティで、ノードおよびその子孫のテキストの内容を表します。
使用例
<form name="userFrm"> <textarea name="memo" cols="30" rows="3" maxlength="20">study skill becom smart</textarea> </form> <!--ボタンを押すと、funA関数を呼び出す --> <p><input type="button" value="表示" /></p> <div>テキストエリアの値:<span id="res"></span></div> <script> function funA() { //フォームのname属性の値を取得 const cft = document.userFrm.memo.value; //「res」セレクタのテキスト内容を設定 document.getElementById("res").textContent =cft; } </script>
実行結果
「表示」ボタンを押下すると、spanセレクタにテキストエリアの値「study skill becom smart」が表示されます。