Html5 learning notes 4--API Range object (1), html54 -- api

Html5 learning notes 4--API Range object (1), html54 -- api

Basic usage of Range object

As shown below (in Google's browser)

The Code is as follows:

<! DOCTYPE html> 
Display in Firefox

Why is this happening? Because Firefox can select multiple messages for Discontinuous content.
SelectNode and selectNodeContents methods of Range objects
As follows:

The Code is as follows:
<! DOCTYPE html> 
SelectNodeContents is the content in the selected div, and selectNode is the content in the selected div.
SetStart and setEnd methods of Range objects
As follows:

The Code is as follows:
<! DOCTYPE html> 
We mistakenly thought that we would delete the word "Chinese Olympics", but in fact we only deleted the word "National Olympics ".
SetStartBefore and setEndAfter methods of Range objects
As follows:

The Code is as follows:
<! DOCTYPE html> 
This instance defines the table start position and end position to delete.