Javascript 替换突出显示的文本

您好，我无法替换突出显示的文本。以下是我的示例代码，它只进行突出显示：

CSS:

JS:

功能突出显示（文本）
{
var inputText=document.getElementById（“inputText”）；
var innerHTML1=inputText.innerHTML；
var index=innerHTML1.indexOf（文本）；
如果（索引>=0）
{ 
innerHTML1=innerHTML1.substring（0，index）+“”+innerHTML1.substring（index，index+text.length）+“”+innerHTML1.substring（index+text.length）；
inputText.innerHTML=innerHTML1；
}
}

HTML:

突出显示
狐狸越过了篱笆

让我知道替换突出显示文本的代码

在谷歌搜索时，我得到了一个链接。但它正在创建一个新节点。这是链接

http://stackoverflow.com/questions/3997659/replace-selected-text-in-contenteditable-div?rq=1

如果要突出显示并替换，只需更新一行即可

此代码段的第二行（为方便起见，换行符）是突出显示的文本。在原始代码段中，使用与搜索匹配的文本相同的部分。用别的东西代替它，瞧：

innerHTML1 = innerHTML1.substring(0, index)
             + "<span class='highlight'>" + "Fynn the fox" + "</span>" 
             + innerHTML1.substring(index + text.length);

innerHTML1=innerHTML1.substring（0，索引）
+“+”狐狸Fynn“+”
+innerHTML1.substring（index+text.length）；

和匹配

或者，a，可能是这样的：

innerHTML1 = innerHTML1.substring(0, index)
             + "<span class='highlight'> [Match: " + innerHTML1.substring(index, index + text.length)
             + "]</span>" + innerHTML1.substring(index + text.length);

innerHTML1=innerHTML1.substring（0，索引）
+“[匹配：”+innerHTML1.substring（索引，索引+文本.length）
+“]”+innerHTML1.substring（索引+文本.length）；

对我来说似乎很好：您想用什么替换突出显示的文本？这里有一个用第二个参数替换所选文本的参数：Thank mark..job done。。！

<button onclick="highlight('fox')">Highlight</button>


<div id="inputText">
The fox went over the fence
</div>

innerHTML1 = innerHTML1.substring(0, index)
             + "<span class='highlight'>" + "Fynn the fox" + "</span>" 
             + innerHTML1.substring(index + text.length);

innerHTML1 = innerHTML1.substring(0, index)
             + "<span class='highlight'> [Match: " + innerHTML1.substring(index, index + text.length)
             + "]</span>" + innerHTML1.substring(index + text.length);