是否有一个javascript函数仅对div中的textcontent（相对于原始代码）建立索引？

Question

我在div中有一些用换行符分隔的文本，例如：

<div id="myDiv">abcd<br>hij<br>klmnop</div> 

问题是document.getElementById("myDiv").innerHTML.slice(0,5)返回abcd<，但我需要它返回"abcd<br>"。我正在尝试获取一个子字符串，该子字符串可保持换行符，但将其视为单个索引，而不是<br>的四个不同字符。

我可以编写一个读取整个字符串的函数，并用单个字符串（例如<br>）替换@的所有实例，然后使用slice()函数获取所需的子字符串，最后替换所有@与<br>的实例。但是，有没有更有效的方法呢？

Answer 1

匹配所有在字符串末尾带有<br>的字符串。

console.log(
document.getElementById("myDiv").innerHTML.match(/.+?(<br>|$)/g)
)

<div id="myDiv">abcd<br>hij<br>klmnop</div>