note：setStartBefore SetStartAfter SetEndBefore SetEndAfter

setStart() 把该范围的开始点设置为指定的节点中的指定偏移量

range对象的setStart()用于将某个节点中的某处位置指定range对象所代表区域的起点位置，它的使用方法是通过range对象调用当前方法的使用

方法：setStart(refNode,offset)  (offset 新开始点在refNode中的位置）

setEnd()把该范围的结束点位置指定的节点和偏移量

range对象的setEnd()用于将某个节点中的某处位置指定range对象所代表区域的结束位置，它的使用方法与setStart()相对应。

方法：setEnd(refNode,offset)

<script>
     function deleteChar(){
        var myChar = document.getElementById("myChar");
        var textNode = myChar.firstChild;
        var rangeObj = document.createRange();

         rangeObj.setStart(textNode, 1);
         rangeObj.setEnd(textNode,4);
         rangeObj.deleteContents();
}
 </script>

<section id="myChar">
   The text is used to delete.
</section>
<input type="button" οnclick="deleteChar()" value="delete text">

setStartBefore() 把该范围的开始点设置为紧邻指定节点之前

用于将某个节点起点设为range对象所代表区域的起点位置

方法：setEndBefore(refNode)

setStartAfter()把该范围的开始点设置为紧邻指定节点的节点之后

用于将某个节点终点位置设定为range对象所代表区域的起点位置

方法：setStarAfter(refNode)

setEndBefore()把该范围的结束点设为紧邻指定节点之前

用于将某个节点起点位置设为当前range对象所带表区域的终点位置

方法：setEndBefore(refNode)

setEndAfter()把该范围的结束点设置为紧邻指定节点的节点之后

用于将某个节点终点位置设定为range对象所代表区域的终点位置

方法：setEndAfter(refNode)

<pre name="code" class="html"><script>
    function deleteRows() {
        var myTable = document.getElementById("myTable");
        if (myTable.rows.length > 0) {
            var row = myTable.rows[0];
            var rangeObj = document.createRange();
            rangeObj.setStartBefore(row);
            rangeObj.setEndAfter(row);
            rangeObj.deleteContents();
        }
    }
    </script>

    <table id="myTable" border="1"  cellpadding="0" cellspacing="0">
      <tr>
        <td>hello</td>
        <td>hello</td>
      </tr>
      <tr>
         <td>hello</td>
         <td>hello</td>
      </tr>
     </table>
     <input οnclick="deleteRows()" value="Delete Rows" type="button">