[H5]range对象的setStart/setEnd方法

最新推荐文章于 2024-01-24 09:18:32 发布

weixin_30542079

最新推荐文章于 2024-01-24 09:18:32 发布

阅读量578

点赞数

原文链接：http://www.cnblogs.com/chooper/p/6380837.html

版权

1.setStart:表示某个节点的range对象的起点位置;
2.setEnd:表示某个节点的range对象的结束位置;

示例如下:
<body>
    <div id="div">
        这里是第一段文字
    </div>
    <input type="butt on" onclick="dele()" value="删除">
    <script>
        function dele() {
            var div=document.getElementById("div");
            var range=document.createRange();
            var content=div.firstChild;
            range.setStart(content,1);
            range.setEnd(content,7);
            range.deleteContents();
        }
    </script>
</body>

3.setStartBefore:表示用于将某个节点的起点位置设置为range对象的起点位置;
4.setStartAfter:表示用于将某个节点的终点位置设置为range对象的起点位置;
5.setEndBefore:表示用于将某个节点的起点位置设置为range对象的终点位置;
6.setEndAfter:表示用于将某个节点的终点位置设置为range对象的终点位置;

示例如下:

<body>
<table id="table" border="1" cellspacing="0" cellpadding="0">
    <tr>
        <td>表格1</td>
        <td>表格1</td>
        <td>表格1</td>
    </tr>
    <tr>
        <td>表格2</td>
        <td>表格2</td>
        <td>表格2</td>
    </tr>
    <tr>
        <td>表格3</td>
        <td>表格3</td>
        <td>表格3</td>
    </tr>
</table>
<input type="button" οnclick="btn()" value="删除第一行">
<script>
    function btn() {
        var table=document.getElementById("table");
        var rangeDiv=document.createRange();
        if(table.rows.length>0){
            var row=table.rows[0];
            rangeDiv.setStartBefore(row);
            rangeDiv.setEndAfter(row);
            rangeDiv.deleteContents();
        }

    }
</script>

转载于:https://www.cnblogs.com/chooper/p/6380837.html

weixin_30542079

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
[H5]range对象的setStart/setEnd方法

1.setStart:表示某个节点的range对象的起点位置;2.setEnd:表示某个节点的range对象的结束位置;示例如下:<body> <div id="div"> 这里是第一段文字 </div> <input type="butt on" onclick="dele()" va...
复制链接

扫一扫