使用insertAdjacentHTML（）添加部分HTML

Question

我有一个很长的文本，包装在单个<p>标记中。 像这样：

<p>
Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod...
</p>

我需要通过使用javascript或jquery将</p><p>插入文本的某些部分，将该文本分成较小的段落块，有效地结束最后一段，然后开始一个新的段落（我已经有了一些javascript，标识我要在其中插入新HTML的位置-效果很好）。 我一直在使用insertAdjacentHTML（）添加新的段落标签：

TheElmToInsertNextTo.insertAdjacentHTML('beforebegin','</p><p>');

问题是：浏览器试图修复我的部分html，并继续将其包装在其他<p>标签中，如下所示：

<p>
Lorem ipsum dolor
<p></p><p></p>
sit amet consectetur adipiscing elit sed do eiusmod...
</p>

结果是：额外的<p>标记破坏了我的分页脚本（来自easyPaginate ），否则该脚本效果很好。

有没有更好的方法来插入部分HTML，而无需浏览器通过添加其他<p>标签来“修复”它？ （该问题在Firefox和Chrome中都出现）

Answer 1

感谢@Barmar指出，这无法按照我最初认为的顺序进行。 我通过将数据加载到DOM之前在服务器端进行预处理来解决此问题。