Vanilla JavaScript在字符串中一定数量的字符后附加<br>标签

亚历克斯·维迪

需要一些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);

感谢帮助

谢谢

epascarello

您可以使用基本的正则表达式来执行此操作,而不是使用循环和字符串操作。

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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

从字符串的开头和结尾删除BR标签

来自分类Dev

xpath通过<br>标签分割字符串

来自分类Dev

从字符串的开头和结尾删除BR标签

来自分类Dev

从字符串的末尾去除随机 <br> 标签

来自分类Dev

从 PHP 中的 XML 字符串中删除 <br /> 标签

来自分类Dev

附加带有“ <br>”标签的字符串不起作用

来自分类Dev

在br标签后隐藏文字

来自分类Dev

用javascript替换多个<br>标签

来自分类Dev

如何用javascript中字符串中的其他内容替换<br/>标签的多个实例?

来自分类Dev

如何使此字符串替换代码与`<br/>`标签一起使用?

来自分类Dev

如何在文本元素后附加<br>标签?

来自分类Dev

CSS内容字符-\ A比br标签占用更多空间

来自分类Dev

检测字符串中的<br />,并用段落标签包装文本

来自分类Dev

用<br>分割,并避免在字符串中使用强标签

来自分类Dev

jQuery删除BR标签

来自分类Dev

PHP删除BR标签

来自分类Dev

HTML BR标签控制

来自分类Dev

在jQuery / JavaScript的每一行末尾添加<br />标签

来自分类Dev

如何在每5个字之后将<br>标签放在一个长字符串中?

来自分类Dev

Thymeleaf-将<br>附加到输入标签

来自分类Dev

Thymeleaf-将<br>附加到输入标签

来自分类Dev

我如何在字符串中使用br来正确显示带有html标签的字符串?

来自分类Dev

使用“ for .. of”循环从Vanilla JavaScript中的Select标签中删除选项

来自分类Dev

删除 <p> 标签,其中只有 <br> javascript

来自分类Dev

XSLT呈现HTML br标签不一致

来自分类Dev

<br> 标签是否占用一些水平空间?

来自分类Dev

Xpath - 分别抓取使用 BR 标签的每一行

来自分类Dev

标签不匹配。预期:</br>

来自分类Dev

php替换多个br标签

Related 相关文章

热门标签

归档