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>neveropen</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
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!
