如何在JS中基于css类插入Node？

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';来使用它。