js 文字拆分并添加换行标签并生效

可以使用 JavaScript 中的字符串方法 `split()` 和 `join()` 来实现文字拆分并添加换行标签。具体做法如下：

1. 将要拆分的文字存储在一个字符串变量中。
2. 使用 `split()` 方法将字符串按照某个字符或字符串进行拆分，并将每个拆分后的子串存储在一个数组中。
3. 使用 `join()` 方法将数组中的字符串元素连接起来，并在每个元素之间添加换行标签 `<br>`。
4. 将最终的字符串赋值给 HTML 元素的 `innerHTML` 属性，即可生效。

示例代码如下：

HTML：

<div id="text"></div>

JavaScript：

// 要拆分的文字
var text = "这是一段需要拆分的文字，拆分后每个单词都应该在单独的一行显示。";
// 按空格拆分字符串，存储在数组中
var words = text.split(" ");
// 在每个元素之间添加换行标签，并连接成新的字符串
var newText = words.join("<br>");
// 将新的字符串赋值给 HTML 元素的 innerHTML 属性
document.getElementById("text").innerHTML = newText;

执行以上代码后，`id` 为 `text` 的 `div` 元素中的文字就会被拆分并添加换行标签，实现换行效果。