Question

可能重复：
Change CSS of selected text using Javascript

之前我做了一个问题，我找到了这个代码。它可以在您选择文本时起作用。然后你可以留下一个“永久”的亮点。当你准备好一些文字并想要标记重要的东西时很有用。现在的问题。

当您尝试选择2个元素时，此代码可以正常工作。

<p> bla bla </p>
<p> bla bla </p>

并尝试应用颜色。它起作用了。

----------------<Script beging here>------------------
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>');
  }
}
----------------<Script ends here>------------------


----------------<HTML beging here>------------------
<a href="#" onclick="changeBGr(); return false;">red</a>

----------------<HTML ends here>------------------

抱歉英文不好＆gt;。＆lt; PS：我对js的了解真的很基础。我已经编码了8个月。

使用JavaScript的荧光笔

0 个答案: