Question

如果我的字段包含以下内容：

PageName

因此当Javascript在字段'，'中检测到逗号时会启动，并添加＆lt; \ br＆gt;在它之后，你得到类似的东西：

<div class="break-field">    
Something something, else else
</div>

Answer 1

使用 String#replace 方法

var ele = document.querySelector('.break-field');

ele.innerHTML = ele.innerHTML.replace(/,/g, ',<br/>')

<div class="break-field">
  Something something, else else
</div>

FYI：由于它会重新创建所有元素，因此会破坏附加到子元素的任何处理程序。

更新：如果需要更新多个div，那么您需要获取所有并迭代它们。

// get all divs
var eles = document.querySelectorAll('.break-field');

// convert to array(or use Array.from) and iterate over them
[].slice.call(eles).forEach(function(ele) {
  ele.innerHTML = ele.innerHTML.replace(/,/g, ',<br/>')
});

<div class="break-field">
  Something something, else else
</div>
<div class="break-field">
  Something something, else else
</div>
<div class="break-field">
  Something something, else else
</div>

如何在HTML中的某些字符后断行？

1 个答案: