HTML DOM Range collapse() 方法介绍

HTML DOM Range 的 collapse() 方法将范围折叠成一个点。在范围参数 endContainer 和 endOffset 之后，所有内容都将被移除。

语法

以下是 collapse() 方法的语法：

range.collapse([toStart])

参数

• toStart：可选参数，布尔类型。如果为 true，折叠成范围的开始；否则默认折叠到范围的结束。

返回值

该方法没有返回值。

实例

下面是一个使用 collapse() 方法的例子：

<p id="myP">这是一段文字</p>
<script>
  var p = document.getElementById("myP");
  var range = document.createRange();
  range.selectNodeContents(p);
  range.collapse(true);
  console.log(range.toString()); // ""
</script>

在此例中，我们选中了一个段落中的所有内容，并将范围折叠到开始处。由于此时范围中已经没有任何内容，所以 toString() 方法返回一个空字符串。

总结

collapse() 方法是 HTML DOM Range 对象的一个方法，可以将范围折叠成一个点。该方法的语法简单，但需要注意参数的使用。在实际开发中，我们可以根据需求使用该方法对 Range 对象进行操作。