HTML DOM Range collapse() 方法

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

折叠范围是一个空范围，不包含任何内容。

句法：

range.collapse(boolean);

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

• true：将范围折叠到其开头。
• false：将 Range 折叠到最后。

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

示例：此示例显示如何使用此方法折叠范围。 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);
        }
    

  

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

• 点击按钮前：

  

• 点击按钮后：

  

  可以看到在折叠后 start Offset 和 en Offset 现在设置为 3

支持的浏览器： DOM Range collapse() 方法支持的浏览器如下：

• 谷歌浏览器
• 边缘
• 火狐
• 苹果浏览器
• 歌剧