如何删除javascript中选定文本周围带有类名的span

我使用javascript高亮显示所选文本，并在用户需要时删除所选文本
我几乎已经做了所有的事情，但是在删除所选文本的样式时，我被卡住了
我想删除选定文本周围带有类名的span

高亮显示

，但不删除选定文本中已有的其他样式

这是：

---

删除选定文本周围突出显示的跨距的正确方法是什么？

您可以使用

classList

属性的

remove

方法：

// Get all the spans that have the highlight class
var spans = document.querySelectorAll("span.highlight");

// Loop over the spans and remove the classs
for(var i = 0; i < spans.length; i++){
  spans[i].classList.remove("highlight");
}

//获取具有highlight类的所有跨度
var span=document.queryselectoral（“span.highlight”）；
//在跨度上循环并删除类
对于（变量i=0；i

我不想只删除类名，我想删除文本周围的span标记。我可以问一下您为什么有这样的特殊要求吗？我曾经只需要删除一个突出显示。上述方法将删除所有span的样式。在这里，我无法获得用户想要删除的突出显示。我只有射程物体here@GiteshPurbia我的方法仅从

span

元素中删除

高亮显示

类。任何其他样式都保持不变。我有一个range对象，我在使用类名突出显示获取跨度时遇到问题。你可以看到演示我到底面临什么问题

// Get all the spans that have the highlight class
var spans = document.querySelectorAll("span.highlight");

// Loop over the spans and remove the classs
for(var i = 0; i < spans.length; i++){
  spans[i].classList.remove("highlight");
}