javascript - 如何在 HTML 中的某个字符后换行？

Question

如果我有一个包含类似内容的字段:

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

因此，当 Javascript 检测到字段 ',' 中的逗号时，它会启动并在其后添加 <\br>，因此您会得到如下内容:

<div class="break-field">
Something something,</ br>
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>

---

仅供引用:因为它会重新创建所有元素，所以它会破坏附加到子元素的任何处理程序。

---

更新:如果需要更新多个 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>