Range 对象方法之 collapse 和 detach例子

在 HTML5 中，一个 Range 对象代表页面上的一段连续区域。通过 Range 对象，可以获取或修改页面上的任何区域。包含获取，修改，删除和替换等操作。

核心内容：

1.cloneRange
2.cloneContents
3.extractContents
4.createContextual
5.createContextual-Fragment
6.insertNode
7.compareBoundaryPoints
8.collapse
9.detach

代码可以复制直接运行的。

而range的detach方法如：rangeObj.detach()释放Range对象，释放后其他事件就不成立了，主要用于释放Range对象来提升应用的性能。