是否有一种从 DOM 偏移量计算逻辑偏移量的非天真的方法？

Question

通过将 <span>s 放置在我的父元素中，我有 highlighted 一些文本，现在想弄清楚它的哪一部分被选中。我已检索到 Selection 对象，但它不包含直接有用的信息。我想获得相对于文本开头的偏移量，但它们是相对于文本节点在突出显示<span>s 内，并且不与parent.textContent 对齐。

给定：

• 对parent 元素的引用
  这个元素只包含内联元素（特别是<span>s）和文本节点，但它们是任意嵌套的。
• Selection.anchorNode / Selection.focusNode
  这是对包含偏移位置的文本片段的文本节点的引用。
• Selection.anchorOffset / Selection.focusOffset
  这是一个非负整数，其中0 在第一个字符之前。

为了测量Selection 焦点和锚点，有没有比天真的“使用累积计数探索树”技术假装<span> 不存在更有效的方法？

Answer 1

我不知道它在性能方面是否更有效，您必须对其进行衡量。就代码行而言，Range API 应该使事情变得相当容易。构造从父元素开始到选择开始的范围，然后计算其中包含的字符。

毕竟Selection 主要是范围的集合。