谁能帮我如何使用JavaScript将上标应用于内容可编辑div中的所选内容？
我有这个股利和一个按钮：
<div contenteditable="true">Apple Grapes Orange</div>
<input type="button" onclick="applySuperScript" value="Apply SuperScript">
假设如果我从内容可编辑div中选择了文本“ Orange”并单击按钮，则应调用javascript以为文本“ Orange”应用超级脚本。
最佳答案
对html稍作修改。
<div id='text' contenteditable="true">Apple Grapes Orange</div>
<input type="button" id='super' value="Apply SuperScript">
这是我们的点击处理程序
document.getElementById('super').onclick = function() {
var textarea = document.getElementById('text');
var anchorOffset = window.getSelection().anchorOffset;
var focusOffset = window.getSelection().focusOffset;
var str = textarea.innerHTML.substring(anchorOffset,focusOffset)
textarea.innerHTML= textarea.innerHTML.replace(str,'<sup>'+str+'</sup>');
};
这是fiddle。