当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


HTML DOM Range cloneRange()用法及代码示例


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

注意:任何一个范围内的更改均不会影响另一个范围。

用法:

newRange = originalRange.cloneRange();

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

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



例:在此示例中,将克隆一个范围。为了进一步阐明克隆范围,使用toString()方法将克隆范围转换为字符串文本,并在控制台中显示该克隆范围对象。

HTML

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        HTML DOM range cloneRange() method 
    </title> 
</head> 
  
<body> 
    <h1>GeeksforGeeks</h1> 
  
    <p>This is the range.</p> 
  
    <script> 
        originalRange = document.createRange(); 
          
        originalRange.selectNode(document 
            .getElementsByTagName("p").item(0)); 
              
        clonedRange = originalRange.cloneRange(); 
        console.log(clonedRange); 
        console.log(clonedRange.toString()); 
    </script> 
</body> 
  
</html>

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

支持的浏览器:

  • 谷歌浏览器
  • Edge
  • Firefox
  • Safari
  • Opera


注:本文由纯净天空筛选整理自 HTML DOM Range cloneRange() Method。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。