05 HTML5-Range对象（上）

Range对象

一，Range对象的概念

一个Range对象代表页面上的一段连续区域。通过该对象，可以获取或修改网页上的任何区域。

案例：

二，Range对象的节点方法

1，SelectNode方法：

用于Range对象的起点指定为某个节点的起点，终点指定为该节点的终点，使Range对象所代表的的区域中包含该节点

2，SelectNodeContents方法：

用于Range对象的起点指定为某个节点中的所有内容为起点，终点指定为该节点所有内容为终点，
使Range对象所代表的的区域中包含该节点所有内容。

3，deleteContents方法：

用于将Range对象所包含的内容从页面中删除。

案例：

三，Range对象的Set方法

1，setStart方法：

将某个节点中的某个位置指定为Range对象代表区域的起点位置

2，setEnd方法：

将某个节点中的某个位置指定为Range对象代表区域的终点位置

案例：

3，setStartBefore方法：

将某个节点的起点设为Range对象代表区域的起点位置

4，setStartAfter方法：

将某个节点的终点设为Range对象代表区域的起点位置

5，setEndBefore方法：

将某个节点的起点设为Range对象代表区域的终点位置

6，setEndAfter方法：

将某个节点的终点设为Range对象代表区域的终点位置

案例：