HTML5 range对象collapse 方法详解

4 min read

HTML5 range对象的collapse方法用于将区间范围折叠成一个点或一条线。该方法将会把当前区间范围所选中的一边或两边转换成一个点或一条线。

语法:

range.collapse([toStart]);

参数说明:

toStart:一个可选的布尔参数,当设置为true时,表示将把区间的结束点折叠到起始点上;否则,表示将区间的起始点折叠到结束点上。默认值为false。

返回值:该方法没有返回值。

示例:

// 创建range对象
var range = document.createRange();

// 选择一个元素的内容
range.selectNode(document.getElementById("mydiv"));

// 将选择的区间范围折叠到起始点上
range.collapse(true);

// 打印结果:选中了整个元素的起始位置
console.log(range.startOffset, range.endOffset);

说明:上面的例子中,先创建了一个range对象,然后选择了一个元素的内容,然后将所选中的整个区间范围折叠到起始点上,最后打印结果,可以看到选中了整个元素的起始位置。