javascript - 设置范围 : the startContainer is wrong

Question

这是我的代码:

var range = editor.selection.getRng();
range.setStart(range.startContainer, 2);

Chrome 一切正常，但在 Firefox 中我收到错误“索引或大小为负数或大于允许的数量”。在 Chrome 中，range.startContainer 是一个文本元素，在 Firefox 中它是 HtmlParagraphElement。

为什么在 FF 中会出现这种情况以及如何将此段落标签转换为文本？

我尝试过:

range.setStart(range.startContainer.firstChild, 2);

但它不起作用。

Answer 1

startContainer Firefox 的报告并没有错，只是不同而已。 startContainer理论上可以指任何类型的节点，并且不同的浏览器选择表示某些类型的选择的方式存在一些差异。

如果您想根据编辑器文本内容中的字符偏移量执行所有操作，可以使用类似 this answer 的内容。 。如果您只想针对这种特殊情况找到解决方案，我建议您只需检查 startContainer的节点类型。请注意，以下假设您的 <p> 的第一个 child 元素是一个文本节点:

var range = editor.selection.getRng();
var startNode = range.startContainer;
if (startNode.nodeType !== 3) {
    startNode = startNode.firstChild;
}
range.setStart(startNode, 2);