需要一些JavaScript DOM操作帮助,以将字符串分隔到新行中。
我在字符串周围有一个环绕的div ...
<div id= "customer-comments">
// Div contains text of comments & no other wrapping HTML tags
Customer comment 1 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in ligula neque. Aenean urna nisi, rutrum ac neque eu, aliquet aliquam ligula. Customer comment 2 - Etiam venenatis lacus quam, et imperdiet risus tempor quis. Aenean elit justo, fermentum ac leo vel, bibendum mattis est. Vestibulum sed condimentum mi, id ullamcorper libero
</div>
我正在尝试使用香草js<br>
在字符串中指定数量(120个字符)后附加标签。我正在使用前端界面(深度)来加载屏幕,并且具有将onload JavaScript事件添加到特定屏幕的功能,因此我正在尝试以下一些常用的js。
// Add new lines for customer comments display panel
let comments = document.getElementById('customer-comments').innerText; // grab comment string in div
function newLines(str) {
if (str.length >= 120) {
let result = '';
while (str.length > 0) {
result += str.substring(0, 120) + '<br>';
str = str.substring(120);
}
return result;
}
return str;
}
newLines(comments);
感谢帮助
谢谢
您可以使用基本的正则表达式来执行此操作,而不是使用循环和字符串操作。
var out = document.querySelector("#foo");
var text = out.textContent;
var str = text.replace(/(.{10})/g, '$1<br/>');
out.innerHTML = str;
<div id="foo">1234567890123456789012345678901234567890123456789012345678901234567890</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句