Javascript 如何在替换的id上创建范围？

我有一个包含文本的id div，然后我更改了它的内容并替换为replicate，但在此操作之后，我无法创建范围。有一个错误：

未捕获的DomeException:无法在上执行“surroundContents” “范围”：容器节点是分离的字符数据节点；不 父节点可用于插入

如何替换innerHTML以便能够创建范围？[在此处输入链接说明][1]

var dupl=”“；
函数选择（）
{
if（dupl==“”）{dupl=document.getElementById（'content'）.innerHTML；}
var sel=window.getSelection（）；
var-anchor=sel.anchorNode；
var AnchoroOffset=选择AnchoroOffset；
var focus=sel.focusNode；
var focusoffset=sel.focusoffset；
锚定偏移=锚定偏移+3；
焦点偏移=焦点偏移+3；
$（#content”）.html（dupl）；
var range=document.createRange（）；
范围。设置开始（锚定、锚定偏移）；
range.setEnd（焦点、焦点偏移）；
var newNode=document.createElement（“b”）；
range.surroundContents（newNode）；
}

你好，fg-hfg-hfg-hfg

世界！hfg-hfg-fg

请分享您的试用（代码）@穆罕默德·阿巴斯，我添加了密码。