javascriptで選択したテキストの周りにクラス名を含むspanを削除するには

Question

javascriptを使用して、選択したテキストをハイライトし、選択したテキストを削除します。
私はほとんどすべてをやったことがありますが、選択したテキストのスタイルを削除するにはどうしたらいいですか？
選択したテキストの周りにクラス名highlightのスパンを削除しますが、選択したテキスト内で既に使用可能な他のスタイルは削除しません。ここで

はthe plunk I've madeです：

function removeHighlight() { 
    var sel = window.getSelection(); 
    if (sel.rangeCount > 0) { 
    var range = sel.getRangeAt(0); 
    var selectedTextNode = document.createTextNode(range.toString()); 
    console.log(selectedTextNode); 
    range.deleteContents(); 
    range.insertNode(selectedTextNode); 
    range.selectNode(selectedTextNode); 
    sel.removeAllRanges(); 
    sel.addRange(range); 
    } 
} 

の周りに選択したテキストを強調表示スパンを削除する適切な方法は何ですか？

Answer 1

あなたはclassList財産のremove方法を使用することができます：あなたは、特定の要件を持っている理由私はクラス名のみを削除したいdont't

// 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"); 
}