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>