如何解决在子字符串JavaScript中新建一行
我正在尝试用其中的新行替换子字符串。
我的代码:
str = str.split('testtest').join('test\ntest')
我的字符串:
test,test,testtest,test
如何看待代码行被称为:
test,test
test,test
调用后它的实际外观
test,test
解决方法
假设要将此结果放入html元素,最简单的方法是使用innerText
而不是innerHTML
。
innerText
将保留换行符,而innerHTML
不保留换行符。
var str = "test,test,testtest,test"
str = str.split("testtest").join("test\ntest");
document.getElementById("result").innerText = str;
<div id="result"></div>
,
方法1:pre标签不修剪\ n sympols:
const str = 'test,test'
.split('testtest').join('test\ntest');
pre.innerHTML = str;
<pre id=pre></pre>
方式2:br
const str = 'test,test'
.split('testtest').join('test<br/>test');
document.body.innerHTML = str;
,
关于您如何输出它。如果将其输出到控制台,则新行将按预期工作。如果您尝试将其输出为HTML,则需要使用Jewels
而不是<br />
,甚至需要将其包装在\n
标记中,如建议的其他答案一样。要格式化它以进行标记,我可以这样做:
<pre>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。