Html 如何将文本从textarea添加到div

我已经尝试获取textarea的文本（多行）并将文本设置为div。 但是div只有一行用于来自textarea的文本

这是我的代码：

//html structure
<div>

    <textarea id="cmt_content" rows="10" cols="60"></textarea>
    <br> <input id="addAccordion" type="button" value="ADD COMMENT" />
</div>
<div id="rs">
</div>

//script
$('#addAccordion').click(function(){
    var content = document.createElement("div");
    content.appendChild(document.createTextNode($("#cmt_content").val()));
    $('#rs').append(content);
});

//html结构


//剧本
$（“#添加手风琴”）。单击（函数（）{
var content=document.createElement（“div”）；
content.appendChild（document.createTextNode（$（“#cmt_content”）.val（））；
$（'#rs'）。追加（内容）；
});

---

多谢各位

您必须将换行符转换为正确的HTML

标记

var html = $("#cmt_content").val().replace(/(\n|\r|\r\n)/g, '<br>');

或者您可以将其合并为一行：

content.innerHTML = $("#cmt_content").val().replace(/(\n|\r|\r\n)/g, '<br>');

content.innerHTML=$（“#cmt_content”）.val（）。替换（/（\n |\r |\r\n）/g，“
”；

请参阅实时示例：

最终代码：

$('#addAccordion').click(function(){
    var content = document.createElement("div");
    content.innerHTML = $("#cmt_content").val().replace(/(\n|\r|\r\n)/g, '<br>');
    $('#rs').append(content);
});

$（'#addAccordion'）。单击（函数（）{
var content=document.createElement（“div”）；
content.innerHTML=$（“#cmt_content”）.val（）。替换（/（\n |\r |\r\n）/g，“
”；
$（'#rs'）。追加（内容）；
});

在您描述的以下场景中，我猜您只是在新行方面遇到了问题

这样更好吗

$('#addAccordion').click(function(){
    var content = $("<div>");
    content.append($("#cmt_content").val().replace(/(\n|\r|\r\n)/g, '<br />'));
    $('#rs').append(content);
});

$（'#addAccordion'）。单击（函数（）{
变量内容=$（“”）；
content.append（$（“#cmt_content”）.val（）.replace（/（\n |\r |\r\n）/g，“
”）；
$（'#rs'）。追加（内容）；
});

试试这个

$(document).ready(function () {
        $('#addAccordion').click(function () {
            var value = $("#cmt_content").val().replace(/\n/g, '</br>')
            $('#rs').append('<div>' + value+'</div>' );
        });
    });

$（文档）.ready（函数（）{
$（“#添加手风琴”）。单击（函数（）{
var值=$（“#cmt_内容”）.val（）。替换（/\n/g，
）
$（'#rs'）。追加（''+value+''）；
});
});

$(document).ready(function () {
        $('#addAccordion').click(function () {
            var value = $("#cmt_content").val().replace(/\n/g, '</br>')
            $('#rs').append('<div>' + value+'</div>' );
        });
    });