,该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对象的具体属性和方法。