>

[H伍]range对象的setStart/setEnd方法必发88官网

- 编辑:www.bifa688.com -

[H伍]range对象的setStart/setEnd方法必发88官网

演示如下:

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

壹.setStart:表示有个别节点的range对象的起源地点;
贰.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>

叁.setStartBefore:表示用于将有个别节点的起源地方设置为range对象的起点地方;
四.setStartAfter:表示用于将有些节点的终端地方设置为range对象的起源地点;
五.setEndBefore:表示用于将某些节点的源点地方设置为range对象的极端地方;
陆.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" onclick="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>

 

 

 

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>

 

三.setStartBefore:表示用于将有个别节点的源点地方设置为range对象的起源位置;
肆.setStartAfter:表示用于将某些节点的终极地点设置为range对象的源点地点;
伍.setEndBefore:表示用于将有些节点的起源地点设置为range对象的顶点地点;
6.setEndAfter:表示用于将有些节点的极端地点设置为range对象的终极地方;

一.setStart:表示有些节点的range对象的源点地点;
贰.setEnd:表示有个别节点的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" onclick="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>
 

本文由必发88官网发布,转载请注明来源:[H伍]range对象的setStart/setEnd方法必发88官网