Range()

构造函数 Range() 返回一个新创建的 Range 对象，新创建的对象属于全局 Document 对象。

语法

range = new Range()

示例

In this example we create a new range with the Range() constructor, and set its beginning and end positions using the Range.setStartBefore() and Range.setEndAfter() methods. We then select the range using window.getSelection() and Selection.addRange().

HTML

<p>First paragraph.</p>
<p>Second paragraph.</p>
<p>Third paragraph.</p>
<p>Fourth paragraph.</p>

JavaScript

const paragraphs = document.querySelectorAll('p');

// 创建 Range 对象
const range = new Range();

// Range 起始位置在段落2
range.setStartBefore(paragraphs[1]);

// Range 结束位置在段落3
range.setEndAfter(paragraphs[2]);

// 获取 selection 对象
const selection = window.getSelection();

// 添加光标选择的范围
selection.addRange(range);

Result

规范

浏览器兼容性

扩展

• The DOM interfaces index