使用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之前在服務器端進行預處理來解決此問題。