有人可以帮我让这段代码在 IE 中工作吗：
HTML：
<p>Alex Thomas</p>
<button id="click">Click</button>
JS
$('#click').click(function(){
var range = window.getSelection().getRangeAt(0);
var selectionContents = range.extractContents();
var span = document.createElement("span");
span.style.color = "red";
span.appendChild(selectionContents);
range.insertNode(span);
});
在这里编码：http : //jsfiddle.net/WdrC2/
提前致谢...
9 之前的 IE 不支持window.getSelection(). 您可以document.selection改用（有关说明，请参阅此 msdn 页面）。此选择对象有一个createRange()返回对象的方法TextRange（有关详细信息，请参阅此 msdn 页面）。
请注意，selection和textrange对象都是微软自己的实现，并不遵循 W3C 标准。您可以在www.quirksmode.org/dom/range_intro.html上阅读有关textrange和range问题的更多信息。
以下实现适用于 IE：
$('#click').click(function(){
var range = document.selection.createRange();
range.pasteHTML("<span style='color: red'>" + range.htmlText + "</span>");
});
它不像其他实现那么好，因为您必须使用字符串而不是 dom。有一个小技巧，您可以将其粘贴<span id="myUniqueId"></span>为占位符，然后使用 dom 替换它。您仍然必须使用range.htmlText或range.text尽管如此。
BTW：上面的实现显然只有 IE。您必须使用一些浏览器功能检测来决定使用哪个版本。
在这里测试这个：http : //jsfiddle.net/6BrWe/
这是一个小技巧，不那么漂亮，但应该可以在 IE 和其他浏览器中工作 - 不过我还没有做过很多跨浏览器测试:)
$('#click').click(function() {
var whatBrowser = getIt();
if (whatIsIt == 'notIE' && whatBrowser) {
notIE(whatBrowser);
}
else if (whatIsIt == "isIE"&& whatBrowser) {
isIE(whatBrowser);
};
});
var whatIsIt = "";
function getIt() {
if (window.getSelection) {
whatIsIt = "notIE";
return window.getSelection();
}
else if (document.getSelection) {
whatIsIt = "notIE";
return document.getSelection();
}
else {
var selection = document.selection && document.selection.createRange();
if (selection.text) {
whatIsIt = "isIE";
return selection;
};
return false;
};
return false;
};
function isIE(selection) {
if (selection) {
var selectionContents = selection.text;
if (selectionContents) {
selection.pasteHTML('<span class="reddy">' + selectionContents + '</span>');
};
};
};
function notIE(selection) {
var range = window.getSelection().getRangeAt(0);
var selectionContents = range.extractContents();
var span = document.createElement("span");
span.className= "reddy";
span.appendChild(selectionContents);
range.insertNode(span);
};
如果你想把“亚历克斯·托马斯”涂成红色，你可以这样做
HTML
<p id='txt'>Alex Thomas</p>
<input type='button' id='btn' value='click' />
JS
$('#click').click(function(){
$('#txt').attr('color','Red');
});