如何在此javascript命令中添加換行符
[英]how to add a line break to this javascript command
問題描述
好吧，我有一個腳本，它的輸出像這樣
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>
1 個解決方案
解決方案1
4 已采納 2014-02-12 12:29:53
您可以使用join() ：
document.getElementById("message").innerHTML = msg.join('<br>');
根據OP的評論進行編輯
使用join時，您無需遍歷數組：
function textareaToArray(text){
return text.value.split(/[\n\r]+/);
}
function showArray(msg){
document.getElementById("message").innerHTML = msg.join("<br/>");
}
另外，您還沒有指定doctype。這非常重要。 對於HTML5，請使用<!DOCTYPE html> 。
如何在JavaScript中添加換行符
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.