Range对象(下)

一,Range对象的克隆方法

1,cloneRang方法:

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

案例:
06 HTML5-Range对象(下)

2,cloneContents方法:

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

案例:
06 HTML5-Range对象(下)

3,extractContents方法:

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

案例:
06 HTML5-Range对象(下)
06 HTML5-Range对象(下)

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

1,insertNode方法:

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

案例:
06 HTML5-Range对象(下)

2,compareBoundaryPoints方法:

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

案例:
06 HTML5-Range对象(下)

三,Range对象的移动

1,collapse方法:

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

案例:
06 HTML5-Range对象(下)

2,detach方法:

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

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-11-24
  • 2021-10-21
  • 2021-08-06
  • 2021-07-05
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-12-26
  • 2022-12-23
  • 2022-01-04
  • 2022-12-23
  • 2021-12-13
相关资源
相似解决方案