HTML DOM Range cloneRange() Method
Last Updated :
12 Jul, 2022
The cloneRange() method is used to make a clone of original range and returns that cloned Range object it into a new variable.
Note: Change in either Range does not affect the other Range.
Syntax:
newRange = originalRange.cloneRange();
Parameters: This method does not accept any parameter.
Return Value: This method returns the newly created range object.
Example: In this example, a range is cloned. For more clarification of cloned range, a cloned range is converted into string text using toString() method and showed that cloned range object in the console.
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 >
|
Output: In console, the new cloned range object can be seen.
Supported Browsers:
- Google Chrome 1
- Edge 12
- Firefox 1
- Internet Explorer 9
- Safari 1
- Opera 9
Share your thoughts in the comments
Please Login to comment...