当前位置： 移动技术网 > IT编程>网页制作>Html5 > html5编辑API之range对象（二）

html5编辑API之range对象（二）

2018年12月26日  | 移动技术网IT编程  | 我要评论

腾格尔简介,晨光搁浅结局,最新明星八卦新闻

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对象。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网