一度作ったTextareaを削除して、内容を表示するには？

解決済

質問者：USB99
質問日時：2015/06/26 19:39
回答数：1件

一度、Textareaを作って、同時に作ったボタンでtextareaを削除、textareaに入力した文字を表示させたいのですが．．

<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script>
function add(){
var div_element = document.createElement("div");
div_element.innerHTML = '<hr>Title: <br><input type="text" name="title" size="50" value="試験文字列"><br>Contents: <br><textarea name="contents" >試験\n試験</textarea><br><button onclick="del()">TextAreaを削除</button>';
var parent_object = document.getElementById("piyo");
parent_object.appendChild(div_element);
}
function del(){
var TAreaTXT = document.fm.contents.value;
alert (TAreaTXT);
var parent_object = document.getElementById("piyo");
parent_object.removeChild(element.childNodes.item(0));
var div_el = document.createElement("div");
div_ele.innerHTML = '<p>'+TAreaTXT+'</P>';
parent_object.appendChild(div_ele);

}
</script>
</head>

<body>
<div>
<button onclick="add();">TextAreaを表示</button>
</div>
<form name="fm">
<div id="piyo">
</div>
</form>
</body>
</html>
としても、Textareaは消えますが、文字は表示されません。どこがおかしいのでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： Ogre7077
回答日時：2015/06/26 20:12

誤: var div_el

正: var div_ele

たぶん間違い
parent_object.removeChild(element.childNodes.item(0));
オススメの記法
while (parent_object.firstChild) parent_object.removeChild(parent_object.firstChild);

どうせなら分かりやすく記述
var textAreaText = document.forms['fm'].elements['contents'].value;