在Chrome浏览器中 一个selection对象 中会有一个range对象

4 min read

,该range对象表示选中文本所在的区域范围。range对象是用来操作文本选区的重要对象,可以用来获取、修改、移动、删除文本选区,也可以用来添加新的文本内容至选区。

range对象有以下常用属性和方法:

属性:

  • startContainer:表示选区起始点所在的节点。
  • startOffset:表示选区起始点在startContainer中的偏移位置。
  • endContainer:表示选区结束点所在的节点。
  • endOffset:表示选区结束点在endContainer中的偏移位置。

方法:

  • selectNode:选择指定节点内的所有内容。
  • setStart:设置range选区的起始位置。
  • setEnd:设置range选区的结束位置。
  • cloneRange:复制range对象。
  • deleteContents:删除range选区的内容。
  • extractContents:删除并返回range选区的内容。
  • insertNode:在range选区的起始位置插入新节点。
  • surroundContents:将range选区包裹在指定节点内。
  • compareBoundaryPoints:比较两个range对象的位置关系。

可以通过访问Chrome浏览器的开发者工具中的Console窗口来查看selection和range对象的具体属性和方法。