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. mvcSSHweb.xml要配置的信息
			
    <?xml version="1.0" encoding="UTF-8"?><web-app version="3.0"  ...
    
			
    2. 
						
  2. 大数据平台搭建-kafka集群的搭建
			
    本系列文章主要阐述大数据计算平台相关框架的搭建,包括如下内容: 基础环境安装 zookeeper集群的搭建 kafka集群的搭建 hadoop/hbase集群的搭建 spark集群的搭建 flink集 ...
    
			
    3. 
						
  3. spring框架-spring.xml配置文件
			
    运行的时候会报错的,因为写到<bean>标签里面去了,肯定会报错的,要记得把注释删掉,就不会报错了,这样写注释是为了方便下次自己看. <?xml version="1.0& ...
    
			
    4. 
						
  4. Apple使用Apache Mesos重建Siri后端服务
			
    苹果公司宣布,将使用开源的集群管理软件Apache Mesos,作为该公司广受欢迎的.基于iOS的智能个人助理软件Siri的后端服务.Mesosphere的博客指出,苹果已经创建了一个命名为J.A.R ...
    
			
    5. 
						
  5. MongoDB数据库聚合
			
    前面的话 聚合操作主要用于对数据的批量处理,将记录按条件分组以后,然后再进行一系列操作,例如,求最大值.最小值.平均值,求和等操作.聚合操作还能够对记录进行复杂的操作,主要用于数理统计和数据挖掘.在  ...
    
			
    6. 
						
  6. java核心机制
			
    Java中有两种核心机制:Java虚拟机(Java Virtual Machine).垃圾收集机制(Garbage collection) 一.核心机制之Java虚拟机 ① Java虚拟机可以理解成一 ...
    
			
    7. 
						
  7. Java之异常处理，日期处理
			
    Java异常处理 异常:异常就是Java程序在运行过程中出现的错误. 异常由来:问题也是现实生活中一个具体事务,也可以通过java 的类的形式进行描述,并封装成对象.其实就是Java对不正常情况进行描 ...
    
			
    8. 
						
  8. Serv-U权限设置规则
			
    Serv-U有服务器--域--组--用户四级账号管理规则,每一级都有相应的根目录,目录访问规则和虚拟路径的设置. 同样其他一些重复设置还有很多,如此很容易给人造成混乱--如果我哪里都设置的话会不会造成 ...
    
			
    9. 
						
  9. java 线程之executors线程池
			
    一.线程池的作用 平时的业务中,如果要使用多线程,那么我们会在业务开始前创建线程,业务结束后,销毁线程.但是对于业务来说,线程的创建和销毁是与业务本身无关的,只关心线程所执行的任务.因此希望把尽可能多 ...
    
			
    10. 
						
  10. （转）mybatis常用jdbcType数据类型
			
    1 MyBatis 通过包含的jdbcType类型 BIT FLOAT CHAR TIMESTAMP OTHER UNDEFINED TINYINT REAL VARCHAR BINARY BLOB  ...
    
			
    11.