JSのCSSクラスに基づいてノードを挿入するにはどうすればよいですか？

Question

私は、テキスト選択をハイライトするこのコードを持っています。これは、通路内に、選択したテキストをラップしてから、私はまったく同じタスクを達成したい<span style='background:yellow'> text selected </span>が追加されますが、その代わり、次の操作を行います。

<span class='blue_mark'> text selected </span> 

私は、次のコード内でこれを実現するにはどうすればよい：

var selection = document.getSelection(); 
    var range = selection.getRangeAt(0); 
    var contents = range.extractContents(); 
    var node = document.createElement('span'); 
    node.style.backgroundColor = "yellow"; 
    node.appendChild(contents); 
    range.insertNode(node); 
    selection.removeAllRanges(); //Clear the selection, showing highlight 

Answer 1

スタイル属性の代わりにクラスを使用する場合は、node.style. backgroundColor = "yellow";をnode.classList.add('blue_mark');またはnode.className += ' blue_mark';に置き換えて使用します。