javascript - 不能用范围 set.Start set.setEnd 包围内容

Question

我需要用 span 包围多个单词，我知道每个单词的 startIndex 和 endIndex(我确定没有单词会跨越多个标签并且所有单词都在同一个元素中)我什至无法选择第一个词，我得到“IndexSizeError:索引或大小为负数或大于允许的数量”和类似的错误与 rangy ( http://jsfiddle.net/pastrocchio/hgugQ/7/ ) 我做错了什么？

var range = document.createRange();
startNode = document.getElementById("texttocheck");

range.setStart(startNode, 0);
range.setEnd(startNode, 4);

var newNode = document.createElement("span");
range.surroundContents(newNode);

这是 fiddle :http://jsfiddle.net/pastrocchio/hgugQ/3/

Answer 1

我想通了，我缺少 startnode.firstChild

var range = document.createRange();
startNode = document.getElementById("texttocheck");

range.setStart(startNode.firstChild, 0);
range.setEnd(startNode.firstChild, 4);

var newNode = document.createElement("span");
range.surroundContents(newNode);