Html5 learning notes 5--API Range object (2), html55 -- api

Html5 learning notes 5--API Range object (2), html55 -- api

CloneRange and cloneContents of Range objects

The Code is as follows:

The following message is displayed when you click "Select Content" for the first time:

Then

Last display

The entire code is as follows:

<! DOCTYPE html> 
After reading the above Code and results, we can also know the differences between cloneRange and cloneContents. The most important thing is to understand it in practical application.
ExtractContents of Range object
As follows:
 

The Code is as follows:
<! DOCTYPE html> 
ExtractContens can be used to extract content.