HTML5的Selection 和 Range對象（一）
①概念：代表頁面上一段連續區域，通過Range可以修改（增刪改）頁面上任意區域
②使用：獲取選取內容的方法：
如圖
③Range對象包含幾個方法：SelectNode、selectNodeContents、deleteContents
用於選取、刪除元素的內容或整個元素結點
舉例：如圖
④Range對象的其他方法：setStart、setEnd、setStartBefore、setStartAgter、setEndBefore、setEndAfter
舉例：如圖1、如圖2
HTML5的Range對象（二）
①複製克隆方法：cloneRange、cloneContent、extractContends
其中extract表示提取，舉例如圖：以下代碼會交換兩個div的位置
②插入結點方法：insertNode
③比較結點方法：compareBoundaryPoints //用於比較所選位置在目標位置前還是後
④Range內容的銷燬（取消選擇）：collapse(boolean)
Range對象的釋放：detach
