javascript - 使用 insertAdjacentHTML() 添加部分 HTML

Question

我有一个很长的文本包含在一个 <p> 中标签。像这样:

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

我需要使用 javascript 或 jquery 插入 </p><p> 将该文本分解为更小的段落 block 。到文本的某些部分，有效地结束最后一段，然后开始一个新的段落(我已经有一些 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 之前在服务器端预处理数据来修复此问题。