Javascript 是否在完全停止或条件后将文本换行到下一行？

是否可以在句号后将文本移动到下一行

例如，对于标准h1标题-“这是一个非常复杂的问题。非常大头球。”

但我希望我的标题在全站后移到下一行-

"这是一个非常重要的问题

非常

大头球。”

我的目标是将每个标题h1从API提取到for格式，以便在每次出现句号时换行。“”

代码：

{currentQuote.quote}

我不相信有一种方法可以通过CSS样式或HTML属性实现这一点。不过，调查一下，以防他们为你工作

在JavaScript中，这很简单。只需找到所有要更改的元素（如所有

h1

，使用

.innerText

或

.innerHtml

获取其当前文本，然后将其当前文本设置为旧文本，但用换行符替换所有句点）

document.queryselectoral（“h1”）.forEach（（x）=>{
x、 innerText=x.innerText.replace（/\./g，“\n”）
})

在这里，

document.querySelectorAll（“h1”）

获取页面上所有

h1

的列表。您可以将其设置为类似于

”。按类选择引号“

，等等

forEach（…）

接受一个函数（

（x）=>{…}

事物）并将其应用于列表中的每个项目

在我们的函数中，

x.innerText

是

h1

元素中的文本，

replace

将匹配第一个参数（

/\./g

）的所有内容替换为第二个参数（

“\n”

）。这里，

/\./g

是“所有句点”和

“\n”的正则表达式

是换行符

---

编辑：

---

看起来您正在使用React，因此实际上不需要使用querySelector执行任何操作。只需在

currentQuote上执行替换。quote

在将其放入DOM之前，您可以使用split方法执行替换。 我是这样做的。

---

到目前为止，您尝试了什么？请发布代码我已经添加了代码，但我正在React中进行操作。我没有尝试任何操作，因为我没有任何线索，如果可能的话。