Javascript 使用js在div元素中显示多行textarea值_Javascript_Html

Javascript 使用js在div元素中显示多行textarea值

javascript html

Javascript 使用js在div元素中显示多行textarea值,javascript,html,Javascript,Html,我有一个文本区，一个按钮和一个div <textarea type="text" id="mytext"></textarea> <button onclick="test()">Click Me</button> <div id="here"></div> 但当我按下Click Me时，它在div元素中给出以下文本： Hello All Good Morning 如何在textarea中显示多行？谢谢示例将字符

我有一个文本区，一个按钮和一个div

<textarea type="text" id="mytext"></textarea>
<button onclick="test()">Click Me</button>
<div id="here"></div>

但当我按下Click Me时，它在div元素中给出以下文本：

Hello All Good Morning

如何在textarea中显示多行？谢谢

示例将字符串拆分为子字符串数组：

var str = "How are you doing today?";
var res = str.split(" ");
//The result of res will be an array with the values:

输出：你今天过得怎么样？

只需使用

replace（/（？：\r\n | \r | \n）/g，
）

用

标记替换字符串中的所有换行符，如：

功能测试（）{
var b=document.getElementById（'mytext'）。值；
b=b.replace（/（？：\r\n |\r |\n）/g，“
”）；
document.getElementById（'here'）.innerHTML=b；
}


点击我

您应该将新行字符替换为

标记

功能测试（）{
var b=document.getElementById（'mytext'）。值；
document.getElementById（'here'）.innerHTML=b.replace（/\n\r？/g，
）；
}


点击我

您必须用br标记替换新行

示例代码

    <!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<textarea type="text" id="mytext"></textarea>
<button onclick="test()">Click Me</button>
<div id="here"></div>

</body>
<script type="text/javascript">
    function test() {
        var b = document.getElementById('mytext').value;
        b = b.replace(/\r|\n/,"<br>");
        document.getElementById('here').innerHTML = b;
    }
</script>
</html>


点击我
功能测试（）{
var b=document.getElementById（'mytext'）。值；
b=b.替换（/\r |\n/，“
”）；
document.getElementById（'here'）.innerHTML=b；
}

使用br replace固定文本区域和div大小会产生有效的效果

功能测试（）{
var b=document.getElementById（'mytext'）。值；
document.getElementById（'here'）.innerHTML=b.replace（/\n\r？/g，
）；
}

#这里{
宽度：100px；
高度：100px；
单词包装：打断单词；
}
#我的文本{
宽度：100px；
高度：100px；
}


点击我

对不起，我的问题没有显示新行。我现在编辑了上面的问题。请查收

var str = "How are you doing today?";
var res = str.split(" ");
//The result of res will be an array with the values:

    <!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<textarea type="text" id="mytext"></textarea>
<button onclick="test()">Click Me</button>
<div id="here"></div>

</body>
<script type="text/javascript">
    function test() {
        var b = document.getElementById('mytext').value;
        b = b.replace(/\r|\n/,"<br>");
        document.getElementById('here').innerHTML = b;
    }
</script>
</html>