如何制作可以突出显示多个元素的荧光笔工具？

Question

所以我确实发现了一个非常好的荧光笔。问题这个问题是它不能选择多个元素。

function changeBGr() {

  var sel = window.getSelection ? window.getSelection() : document.selection.createRange(); //FF:IE 
  if(sel.getRangeAt){ // thats for FF
    var range = sel.getRangeAt(0);
    var newNode = document.createElement("span");
    newNode.setAttribute('style', 'background: red');
    range.surroundContents(newNode);
  } 
  else { //and thats for IE7
  sel.pasteHTML('<span style="background:red">'+sel.htmlText+'</span>');
  }
}

我也看到了这个。Change CSS of selected text using Javascript 但是我不能让它发挥作用：S（是的，我知道我是noob）任何想法？

Answer 1

这似乎是您所追求的目标的良好起点：http://www.codetoad.com/javascript_get_selected_text.asp