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'>&nbsp; &nbsp; <p>123</p>&nbsp; &nbsp; <p>456</p></div><script>&nbsp; &nbsp; document.getElementsByClassName('link_title')[0].innerHTML='<p>123</p>'</script>