Javascript 多段落选择不正确,要使用textnode进行更改

Javascript 多段落选择不正确,要使用textnode进行更改,javascript,html,range,Javascript,Html,Range,我在多行上运行操作时遇到问题 实际上,我没有得到想要的效果,标记的内容被完全清空。这是我使用的简单代码,但它只适用于一行: 试着看一下正在运行的代码。 按照示例中的说明理解实际问题 功能按键(){ if(document.getSelection){ var sel=window.getSelection(); 如果(选择范围计数

我在多行上运行操作时遇到问题

实际上,我没有得到想要的效果,
标记的内容被完全清空。这是我使用的简单代码,但它只适用于一行:

试着看一下正在运行的代码。 按照示例中的说明理解实际问题

功能按键(){
if(document.getSelection){
var sel=window.getSelection();
如果(选择范围计数<1){
返回;
}
var r=window.getSelection().getRangeAt(0);
var selectedText=r.toString(),
content=r.extractContents();
span=document.createElement('span'),
t=document.createTextNode(selectedText);
selectedText='';
span.style.color='绿色';
span.儿童(t);
r、 插入节点(span);
getSelection().removeAllRanges();
}
}
首先只选择我:我没有问题

在第一段的同时也选择了我,现在我有问题了


选择文本后按
是否要将其变为绿色?你的实际目标是什么?我的真正目标是像文本编辑器一样添加用户数据。在本例中,“绿色”表示过去的颜色(用户选择的颜色)。这与node.js无关。您知道您正在尝试将所有文本移动到单个跨距中,对吗?仅供参考,span和纯文本不会保持结构化html的完整性document@User你想在哪里添加数据?