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. MyBatis基础
			
    一.大配置 <?xml version="1.0" encoding="UTF-8" ?> <!--文档类型,头文件--> <!D ...
    
			
    2. 
						
  2. Struts2国际化信息机制
			
    国际化信息机制  (三种 Action范围. Package范围. 全局) 1. 全局国际化配置信息文件 全局国际化文件,对所有Action 生效,任何程序都可以访问到,需要在struts.xml 配 ...
    
			
    3. 
						
  3. App Extensions篇之Sticker Pack Extension
			
    转载请标明原文链接:http://www.cnblogs.com/zhanggui/p/7151795.html 前言 上一篇文章对App Extension做了简单介绍以及对Share Extens ...
    
			
    4. 
						
  4. FineReport中如何对cpt模板加密
			
    1. 描述 FR客户使用FineReport报表并将其集成到自己的产品中,然后提供给最终用户使用,最终用户可以预览FR模板,但是不能打开模板进行设计修改. FineReport提供了cpt模板Des加 ...
    
			
    5. 
						
  5. 修改ElementUI源码实践
			
    提要 Vue2.0+Vuex+ElementUI是现在很多项目都在使用的BS软件的开发组合. Vue相较于Angular具有学习成本低,上手快以及组件轻量化的特点:相较于React,其官方提供的很多指 ...
    
			
    6. 
						
  6. java Static的使用
			
    static是一个静态修饰符,用于修饰成员(成员变量,成员函数).<thinking in java>对staic的使用场景有下面2种定义:“一种情形是只想用一个存储区域来保存一个特定的数 ...
    
			
    7. 
						
  7. Javascript百学不厌-递归
			
    虽然偶尔也用过,但是从来没具体来整理过 普通递归: function fac(n) { ) ; ); } fac() 这是个阶乘.但是占用内存,因为: fac(5) (5*fac(4)) (5*(4* ...
    
			
    8. 
						
  8. Django--Uploaded Files以及Handlers
			
    一.表示已经上传的文件(uploaded files)的类 表示已经上传的文件的类有下面几个: class UploadedFile 在文件上传的期间,实际的文件数据被存储在request.FILES ...
    
			
    9. 
						
  9. 如何给Ionic写一个cordova插件
			
    写一个cordova插件 之前由javaWeb转html5开发,由于面临新技术,遂在适应的过程中极为挣扎,不过还好~,这个过程也极为短暂:现如今面临一些较为复杂的需求还会有一丝丝头痛,却没有一开始那么 ...
    
			
    10. 
						
  10. 关于启动文件分析的(MDK-ARM) 【转】
			
    ;******************** (C) COPYRIGHT 2010 STMicroelectronics ******************** ;* File Name : star ...
    
			
    11.