document.execCommand中插入嵌套标签的问题。

Question

我向可编辑的div标签中的光标所在位置插入DOM节点，使用
document.execCommand('insertHTML', false, '<p>123</p>');
虽可以顺利添加123文本但是p标签却没了。
若添加的是标签嵌套的情况，如：

<div>
    <p>123</p>
    <p>456</p>
</div>

则最外层的div会消失，即使多嵌套一层也没用。求教大神，要如何才能保证添加进入的DOM节点与我要的节点一致呢？

Answer 1

你这个是document添加，肯定把原先的内容覆盖了,可以如下方式。

<div class='link_title'>
    <p>123</p>
    <p>456</p>
</div>

<script>
    document.getElementsByClassName('link_title')[0].innerHTML='<p>123</p>'
</script>

Answer 2

let model = "<div><p>234</p></div>"

          document.execCommand('insertHTML', false, model);
  我试了 没有什么问题啊