此函数用于突出显示选定文本，如何删除javascript单击突出显示文本所产生的范围？

我发现这段javascript代码用于突出显示所选文本，如何添加一个函数来删除突出显示的背景（删除创建的跨度），只需单击突出显示的文本？

highlight=function()
    {       
    var selection= window.getSelection().getRangeAt(0);
    var selectedText = selection.extractContents();
    var span= document.createElement("span");
    span.style.backgroundColor = "yellow";
    span.appendChild(selectedText);
    selection.insertNode(span);
    }

---

你为什么要发布重复的问题？因为我不想将背景更改为透明，我想删除在我的函数中创建背景的span为什么你当时接受了这个答案？对不起，我是新来的，Sergio如果你能帮我回答我的问题，谢谢你对原始问题的评论

window.highlight = function() {
    var selection = window.getSelection().getRangeAt(0);
    var selectedText = selection.extractContents();
    var span = document.createElement("span");
    span.style.backgroundColor = "yellow";
    span.appendChild(selectedText);
    span.onclick = function (ev) {
        this.parentNode.insertBefore(
            document.createTextNode(this.innerHTML), 
            this
        );
        this.parentNode.removeChild(this);
    }
    selection.insertNode(span);
}