HTML DOM Range cloneRange() 方法

cloneRange()方法用于创建原始范围的克隆，并将克隆的Range对象返回到一个新变量中。

注意：任一范围的更改不会影响其他范围。

句法：

newRange = originalRange.cloneRange();

参数：此方法不接受任何参数。

返回值：此方法返回新创建的范围对象。

示例：在此示例中，克隆了一个范围。为了更详细地说明克隆范围，使用toString()方法将克隆范围转换为字符串文本，并在控制台中显示克隆范围对象。

HTML

  

    
        HTML DOM range cloneRange() method
    

  

    GeeksforGeeks
  
    This is the range.
  
    
        originalRange = document.createRange();
          
        originalRange.selectNode(document
            .getElementsByTagName("p").item(0));
              
        clonedRange = originalRange.cloneRange();
        console.log(clonedRange);
        console.log(clonedRange.toString());
    

  

输出：在控制台中，可以看到新的克隆范围对象。

支持的浏览器：

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