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" 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>




 


												


											
[H5]range对象的setStart/setEnd方法的更多相关文章
	

    
								
  1. [H5]range对象之selectNode等方法
		
    关于range对象的selectNodeContents.selectNode.deleteContents方法 示例代码如下: <!DOCTYPE html> <html lang ...
    
		
    2. 
						
  2. [H5]range对象的createRange方法
		
    range对象的extractContents()方法: extractContents() 方法删除文档内容,并以 DocumentFragment 对象的形式返回它; DocumentFragme ...
    
		
    3. 
						
  3. [H5]range对象的clone方法
		
    clone:range对象的克隆; <body> <p id="p">这是一段文字</p> <button onclick="b ...
    
		
    4. 
						
  4. html5学习笔记4--API Range对象(一)
		
    Range对象基本用法 效果图如下(在谷歌浏览器下的展示)
    
		
    5. 
						
  5. HTML5中的Range对象的研究
		
    一:Range对象的概念 Range对象代表页面上的一段连续区域,通过Range对象,可以获取或修改页面上的任何区域,可以通过如下创建一个空的Range对象,如下: var  range = docu ...
    
		
    6. 
						
  6. HTML5 编辑 API 之 Range 对象（一）
		
     一.Range 对象基本概念 通过使用 Range 对象所提供的方法实现一个鼠标选取内容,通过点击按钮打印出选中内容,当然注意在不同的浏览器下可选中的内容数量是不同的. <!DOCTYPE h ...
    
		
    7. 
						
  7. HTML5中的Range对象的研究（转载）
		
    一:Range对象的概念 Range对象代表页面上的一段连续区域,通过Range对象,可以获取或修改页面上的任何区域,可以通过如下创建一个空的Range对象,如下: var  range = docu ...
    
		
    8. 
						
  8. XML DOM - Range 对象
		
    Range对象 Range对象表示文档的连续范围区域,如用户在浏览器窗口中用鼠标拖动选中的区域.   dom标准Range对象 在IE中使用TextRange对象 range对象常用的建立方法在开发中 ...
    
		
    9. 
						
  9. web前端学习（二）html学习笔记部分（3）--range对象
		
    1.2.8  html5编辑api之range对象(一) 1.2.8.1  Range 对象基本概念 Range 对象的基本概念,通过使用 Range 对象所提供的方法实现一个鼠标选取内容,通过点击按 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 从零搭建DotnetCore2.0
			
    右键解决方案>新建项目> 选择Web>ASP.NETCoreWeb应用程序(.NET Core) 选择Web应用程序,暂时不选择启用Docker,身份验证选择个人用户账户(会自动生成 ...
    
			
    2. 
						
  2. Chrome浏览器扩展开发系列之六：options 页面
			
    options 页面用以定制Chrome浏览器扩展程序的运行参数. 通过Chrome 浏览器的“工具 ->更多工具->扩展程序”,打开chrome://extensions页面,可以看到有 ...
    
			
    3. 
						
  3. Struts  之 通配符 路径匹配 常量用法 配置默认值
			
    Struts 框架学习 Action的开发的几种方式 方式1 : 继承ActionSupport     如果使用Struts校验功能,必须继承此类 方式2 : 实现Action接口 方式3 :不继承 ...
    
			
    4. 
						
  4. 【亲测】appium_v1.4.16版本自动化适配android7.0系统
			
    要解决的问题:appium在androidV7.0系统上运行时报错 Failure [INSTALL_FAILED_ALREADY_EXISTS: Attempt to re-install io.a ...
    
			
    5. 
						
  5. Hibernate update 和 merge 、saveOrUpdate的区别
			
    this.getSession().update(obj); this.getSession().merge(obj); this.getSession().saveOrUpdate(obj); 1. ...
    
			
    6. 
						
  6. [CF337D]邪恶古籍-树状dp
			
    Problem 邪恶古籍 题目大意 给出一些关键点,求这棵树上到最远关键点距离小于等于d的有多少个. Solution 一个非常简单的树形dp.然而我被这道题给玩坏了. 在经过分析以后,我们发现只需要 ...
    
			
    7. 
						
  7. Hadoop集群的hbase介绍、搭建、环境、安装
			
    1.hbase的介绍(自行百度hbase,比我总结的全面具体) HBase – Hadoop Database,是一个高可靠性.高性能.面向列.可伸缩的分布式存储系统,利用HBase技术可在廉价PC  ...
    
			
    8. 
						
  8. 初涉算法——C++
			
    一.sstream头文件运用 题目:输入数据的每行包括若干个(至少一个)以空格隔开的整数,输出每行中所有整数之和. #include<iostream> #include<cstri ...
    
			
    9. 
						
  9. MyEclipse安装SVN插件
			
    MyEclipse安装svn插件有两种方式,一种是从MyEclipse里面下载,但是下载速度巨慢:第二种是将插件先下载好,再进行配置,这种方式会快一些,本文讲的是第二种方式. 1.下载SVN插件sub ...
    
			
    10. 
						
  10. Redux源码分析之createStore
			
    接着前面的,我们继续,打开createStore.js, 直接看最后, createStore返回的就是一个带着5个方法的对象. return { dispatch, subscribe, getSt ...
    
			
    11.