setStartAfter、setEndBefore的用法不懂

jike_26279401 HTML5 编辑 API 之 ... 最后由 ziyan123 于2017年07月13日回复

  • 1 回答
  • 1.1k 浏览

setStartAfter、setEndBefore

这两个方法如何使用,不太明白

  • ziyan123 2017年07月13日 回答 #1楼
  • <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="application/javascript">
            function delrow(){
                var table=document.getElementById("mytable");
                if(table.rows.length>0){
                    var row1=table.rows[0];
                    var row2=table.rows[2];
                    var rangeObj=document.createRange();
                    rangeObj.setStartAfter(row1);
                    rangeObj.setEndBefore(row2);
                    rangeObj.deleteContents();
                }
            }
        </script>
    </head>
    <body>
    <table id="mytable" border="1">
        <tr>
            <td>内容1</td>
            <td>内容1</td>
            <td>内容2</td>
        </tr>
        <tr>
            <td>内容11</td>
            <td>内容11</td>
            <td>内容21</td>
        </tr>
        <tr>
            <td>内容32</td>
            <td>内容32</td>
            <td>内容42</td>
        </tr>
    </table>
    <button onclick="delrow()">删除第一行</button>
    </body>
    </html>

    这段代码参考一下就差不多了解了

  • 0 评论