Javascript Range对象的学习

Posted 2021-02-20 星小梦

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Javascript Range对象的学习相关的知识，希望对你有一定的参考价值。

Range对象有几个特别难理解的属性，这里学习总结下

Range.startOffset：返回一个表示 Range 起点在 startContainer 中的位置的数字。此属性的值与Range.startContainer属性相关

Range.endOffset：返回一个表示 Range 终点在 endContainer 中的位置的数字。此属性的值与Range.endContainer属性相关

Range.startOffset 和 range.endOffset的值有两种情况

1.选择的Node对象是 Text,Comment 或 CDATASection，则这个值是 Range.startContainer属性对应的Node节点的文本偏移值，方向从左往右，索引从0开始，包含当前偏移值指的对应文本

2.选择的Node对象是 Element，endOffset和startOffset弄不明白，莫名奇妙的值，通过range.selectNode进行选择节点，导致的endOffset和startOffset的值挺混乱的，找不到规律

以上是关于Javascript Range对象的学习的主要内容，如果未能解决你的问题，请参考以下文章