Javascript 单击按钮时显示文本区域内容

我有一个文本区域和一个按钮。如下所示：

<textarea id="txtarea"></textarea>
<input type="button" value="add text" id="add" />

现在，我想做的是，点击按钮，文本将显示在文本区域上方的同一页面上，就像我们在stackoverflow上评论或回答问题一样

---

如何做到这一点？请帮助。

您可以使用javascript来做到这一点
在textarea标记之前添加任何标记（通常使用div或span标记）

<div id="adduserdata"></div>
<textarea id="txtarea"></textarea>
<input type="button" value="add text" id="add" onclick="showtext()" />

---

如果使用Jquery，这就可以了（之前的文本将保留）：

或者像这样：

$('.button').click(function(){
var text = $('textarea').val();
if(text!=''){
$('<p></p>').text(text).insertBefore('textarea');
}
});

$（'.button'）。单击（函数（）{
var text=$（'textarea'）.val（）；
如果（文本！=''）{
$（“
”）.text（text）.insertBefore（'textarea'）；
}
});

---

根据您的需要，因此在

部分元素之后，我假设您将接受此答案（作为上述所有评论和答案的总结）：

函数appendTextToDiv（）{document.getElementById（“text”）.innerHTML=document.getElmentById（“text”）.innerHTML+document.getElementById（“new”）.value；}

---

这可以让您简单地将其附加到文本中

在让其他人帮你编码之前，请先尝试一下。你为什么不读一些基本的短裙？！是的，都德，至少做一下点击处理程序@A.Wolff我有一些基本知识，但在这里我不知道该如何开始。尽量不要发布基于代码的问题，但问题是，只要我按下按钮并再次键入，以前的值就消失了。所以我不想让它们消失。我已经添加了工作示例链接example我知道该怎么做。下面的问题是，如果您想添加数据，那么之前的嵌入文本也应该保留，只需将“showarea.innerHTML=text.value”更改为“showarea.innerHTML+=text.value”就可以了。这不是问题中的需要。请回答：“文本将显示在文本区域上方的同一页面上”。。。我想我的回答符合他的要求。。。

$('.button').click(function(){
var text = $('textarea').val();
if(text!=''){
$('p').text(text);
}
});

$('.button').click(function(){
var text = $('textarea').val();
if(text!=''){
$('<p></p>').text(text).insertBefore('textarea');
}
});

<!-- This is the HTML Part -->
<div id="text"></div>
<textarea id="new"></textarea>
<input type="button" onclick="appendTextToDiv();" />
<script>
    function appendTextToDiv(){document.getElementById("text").innerHTML = document.getElmentById("text").innerHTML + document.getElementById("new").value;}
</script>