06 HTML5-Range对象（下）

Range对象（下）

一，Range对象的克隆方法

1，cloneRang方法：

用于当前的Range对象进行复制，返回当前Range的对象，完成复制的功能。

案例：

2，cloneContents方法：

用于在页面上追加一段HTML代码，并将Range对象所代表的区域中的HTML代码克隆到HTML代码之后。

案例：

3，extractContents方法：

用于Range对象所代表的区域中的HTML代码克隆到documentFragment中

案例：

二，Range对象的插入、比较方法

1，insertNode方法：

用于指定节点插入到某个Range对象所代表的区域中，插入位置为Range对象所代表的区域起点位置。

案例：

2，compareBoundaryPoints方法：

用于比较两个Range对象起点位置或者终点位置

案例：

三，Range对象的移动

1，collapse方法：

用于Range对象所代表的区域的终点处移动到区域的起点处，或者起点到终点。

案例：

2，detach方法：

用于浏览器中释放Range对象，释放之后无法再次访问。