html5教程|html5中Range对象方法setStartBefore、setEndAfter的例子

更新时间:2020-01-30    来源:html5教程    手机版     字体:

【www.bbyears.com--html5教程】

Range 对象表示文档的连续范围区域,如用户在浏览器窗口中用鼠标拖动选中的区域,Range对象方法,包含 setStart、setEnd、setStartBefore、setStartAfter、setEndBefore、setEndAfter 方法。

setEndAfter() 方法在指定的节点后结束范围。

抛出

如果 refNode 是 Document、DocumentFragment 或 Attr 节点,或者 refNode 的根包容节点不是 Document、DocumentFragment 或 Attr 节点,该方法将抛出代码为 INVALID_NODE_TYPE_ERR 的 RangeException 异常。


如果 refNode 所属的文档与创建该范围的文档不同,该方法将抛出代码为 WRONG_DOCUMENT_ERR 的 DOMException 异常


定义和用法

setStartBefore() 方法在指定的节点之前开始范围。


抛出

该方法将出于和 Range.setEndAfter() 方法同样的原因抛出同样的异常。

描述

该方法将把范围的开始点设置为指定的 refNode 节点之前的位置。

 代码如下

   
       
       
        <script type="application/javascript">
            function delrow(){
                var table=document.getElementById("mytable");
                if(table.rows.length>0){
                    var row=table.rows[0];
                    var rangeObj=document.createRange();
                    rangeObj.setStartBefore(row);
                    rangeObj.setEndAfter(row);
                    rangeObj.deleteContents();
                }
            }
        </script>
   
   
       
           
                内容1
                内容2
           
           
                内容3
                内容4
           
       
       
   

效果如图:

blob.png

点击后: blob.png 合ajax实现无刷新删除数据,很方便的

本文来源:http://www.bbyears.com/wangyezhizuo/84994.html