在多行字符串中的特定行之后插入文本（JavaScript）

Question

我在 JavaScript 中有一個包含多行的字符串。
如何在特定行之后插入另一個字符串，例如第 2 行？

Answer 1

一種簡單的解決方案是使用為您創建線條的插件。 請記住，當用戶更改屏幕大小並且您的 div 大小更改時 - 行將不一樣。 https://splitting.js.org/

這是示例如何在純 javascript 中的元素之后插入元素 如何在不使用庫的情況下在 JavaScript 中的另一個元素之后插入元素？

Answer 2

我認為您可以使用String.split()將整個字符串轉換為基於換行符的數組，然后使用Array.splice()方法插入所需的文本，然后再次加入以獲取具有多行的字符串。

現場演示：

 const str = 'abc<br>def<br>ghi<br>jkl'; const splittedStr = str.split('<br>'); splittedStr.splice(1, 0, 'alpha'); const finalStr = splittedStr.join('<br>'); document.getElementById('result').innerHTML = finalStr;

 <div id="result"></div>