range转换html5,html5编辑API之range对象（二）

clonerange方法range对象的clonerange方法用于对当前的range对象进行复制，该方法返回复制的range对象，该方法使用如下所示：

var rangeclone = rangeobj.clonerange();

这是随便书写的内容

克隆

clonecontents方法该方法用于在页面上追加一段html代码，并且将range对象所代表区域中的html代码克隆到被追加的html代码中;

使用方法如下所示：

var html = rangeobj.clonecontents();

该方法不使用任何参数，该方法返回一个documentfragment对象，该对象为一个容器元素，当需要追加，删除，修改或查找页面上的元素，该对象变得非常有用;

这是要被克隆的内容

克隆

extractcontents方法用于将range对象所代表区域中的html代码克隆到一个documentfragment对象中，然后从页面中删除这段html代码;

该方法使用方式如下：

var documentfragment = rangeobj.extractcontents();

该方法返回一个包含了range对象所代表区域中的html代码的documentfragment对象。

demodemo2移动元素内容

insertnode方法：该方法用于将指定的节点插入到某个range对象所代表的区域中，插入位置为range对象所代表区域的起点位置，如果该节点已经存在于页面中，该节点将被移动到range对象代表的区域的起点处。使用方法如下：

rangeobj.insertnode(node);

aaaaaaaaabbbbbb按钮

compareboundarypoints(how, sourcerange)方法

这是一段文字，我也不知道写些什么。随便吧。

位置比较

range.start_to_start - 比较两个 range 节点的开始点

range.end_to_end - 比较两个 range 节点的结束点

range.startto_end - 用 _sourcerange的开始点与当前范围的结束点比较

range.endto_start - 用 _sourcerange的结束点与当前范围的开始点比较

collapse()方法是范围的边界点重合。

collapse(tostart)

参数tostart设置为true，该方法将把范围的结束点设置为与开始点相同的值。否则，它将把范围的开始的设置为与结束点相同的值。

detach方法，释放点range对象。