如何在此javascript命令中添加换行符

Question

好吧，我有一个脚本，它的输出像这样

document.getElementById("message").innerHTML = msg;

我得到的结果是

line1 line2 line3 line4

我希望它像这样

line1
line2
line3
line4

我尝试在各个地方添加，但是无法正常工作

我的完整代码

<html>
<head>
<script type="text/javascript">
function textareaToArray(t){
return t.value.split(/[\n\r]+/);
}
function showArray(a){
var msg="";
for(var i=0;i<a.length;i++){
msg+= a[i]+"\n";
}

document.getElementById("message").innerHTML = msg.join("</br>");

}
</script>
</head>
<title>
Welcome To ....
</title>
<body>
<center><h1> WELCOME TO .... </h1></center>
</br>
</br>
</br>
<center><form>
<textarea rows="7" cols="60" name="alpha"></textarea>
<br>
<input type="button"
value="show array"
onclick="showArray(textareaToArray(this.form.alpha ))">
</form></center>
</br>
<div id="message"></div>
</body>
</html>

Answer 1

您可以使用join() ：

document.getElementById("message").innerHTML = msg.join('<br>');

的jsfiddle

根据OP的评论进行编辑

使用join时，您无需遍历数组：

工作jsfiddle

function textareaToArray(text){
    return text.value.split(/[\n\r]+/);
}

function showArray(msg){
    document.getElementById("message").innerHTML = msg.join("<br/>");
}

另外，您还没有指定doctype。这非常重要。 对于HTML5，请使用<!DOCTYPE html> 。

如何在此javascript命令中添加换行符

问题描述

1 个解决方案

解决方案1
4 已采纳 2014-02-12 12:29:53

如何在此javascript命令中添加换行符

问题描述

1 个解决方案

解决方案1 4 已采纳 2014-02-12 12:29:53

解决方案1
4 已采纳 2014-02-12 12:29:53