html中collapse代码怎么写,HTML DOM Range collapse()用法及代码示例

collapse()方法将范围折叠到其边界点之一。

收合范围是一个空范围，不包含任何内容。

用法:

range.collapse(boolean);

参数：此方法以布尔值作为参数。

true:折叠范围至其起点。

false:折叠范围到其末端。

返回值：此方法没有返回值。

例：本示例说明如何使用此方法折叠范围。 Collapsed属性用于检查范围是否折叠。

HTML

HTML DOM range

collapse() method

GeeksforGeeks

This is the Range Content

Click To Collapse Range

let range = document.createRange();

let referenceNode = document.

getElementsByTagName('p').item(0);

range.selectNode(referenceNode);

console.log("Before")

console.log(range);

console.log(range.collapsed);

function collapse() {

console.log("After")

range.collapse(true);

console.log(range);

console.log(range.collapsed);

}

输出：在控制台中，我们可以看到使用此方法折叠了范围。

单击按钮之前：

单击按钮后：

可以看出，折叠后，开始偏移和en偏移现在设置为3

支持的浏览器：下面列出了DOM Range collapse()方法支持的浏览器：

谷歌浏览器

Edge

Firefox

Safari

Opera