El método cloneRange() se usa para hacer un clon del rango original y devuelve ese objeto Range clonado en una nueva variable.
Nota: El cambio en cualquiera de los rangos no afecta al otro rango.
Sintaxis:
newRange = originalRange.cloneRange();
Parámetros: Este método no acepta ningún parámetro.
Valor de retorno: este método devuelve el objeto de rango recién creado.
Ejemplo: En este ejemplo, se clona un rango. Para obtener más aclaraciones sobre el rango clonado, un rango clonado se convierte en texto de string mediante el método toString() y se muestra ese objeto de rango clonado en la consola.
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>
Salida: en la consola, se puede ver el nuevo objeto de rango clonado.
Navegadores compatibles:
- Google cromo 1
- Borde 12
- Firefox 1
- explorador de Internet 9
- Safari 1
- Ópera 9