在插入符号位置插入HTML，而不创建对象

Question

我有令人满意的div，并且里面有文字。

<div contenteditable="true"><span> Some text.. </span></div>

我需要插入代替插入符号和打开span标记。像：

<div contenteditable="true"><span> Some </span><span> text.. </span></div>

我试图通过insertHTML来实现它：

document.execCommand('insertHTML', false, '</span><span>');

它适用于Crome，但Firefox会生成span对象并插入此处（插入有效的html）。事实证明：

<div contenteditable="true"><span> Some <span></span> text.. </span></div>

有谁知道如何在contenteditable div中拆分span标签？提前致谢

Answer 1

您可以使用innerHTML属性插入任何HTML代码，这是使用javascript的示例：

document.getElementById("myDiv").innerHTML = "<span>Here is the new Content!</span>";

并给你的div id="myDiv"。