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. ubuntu(linux)新装系统恢复备份后无法进入系统问题的解决
			
    1. 引子: 可以跳过直接看3.~5. 我们可能会遇到这样的状况,从ubuntu转到别的系统,兜兜转转又回到了ubuntu. 比如说: Fedora升级后一大堆BUG,与java有关的软件渲染都糟糕的 ...
    
			
    2. 
						
  2. oracle 小测
			
    01)oracle10i,oracle11g,oracle12c,其它i,g,c什么意思? i(Internet)互联网 g(grid)网格 c(cloud) 云02)sqlplus是什么意思? 是o ...
    
			
    3. 
						
  3. c++调用python系列(1): 结构体作为入参及返回结构体
			
    最近在打算用python作测试用例以便对游戏服务器进行功能测试以及压力测试; 因为服务器是用c++写的,采用的TCP协议,当前的架构是打算用python构造结构体,传送给c++层进行socket发送给 ...
    
			
    4. 
						
  4. node.js存json数据到mysql
			
    众所周知,mysql是无法存储json数据的,这个刚开始笔者也是知道的,也知道JSON.stringify()这个API的,但是当我真正要这样做利用JSON.stringify()讲要转换的JSON数 ...
    
			
    5. 
						
  5. springMVC项目国际化(i18n)实现方法
			
    SpringMVC项目国际化(i18n)实现方法 按照作息规律,每周五晚必须是分享知识的时间\(^o^)/~,这周讲点儿啥呢,项目需要逼格,咱们国际化吧(*￣rǒ￣)~,项目中碰到这类需求的童鞋可能并 ...
    
			
    6. 
						
  6. luogu P3398 仓鼠找sugar [LCA]
			
    题目描述 小仓鼠的和他的基(mei)友(zi)sugar住在地下洞穴中,每个节点的编号为1~n.地下洞穴是一个树形结构.这一天小仓鼠打算从从他的卧室(a)到餐厅(b),而他的基友同时要从他的卧室(c) ...
    
			
    7. 
						
  7. (转)Spring中Singleton模式的线程安全
			
    不知道哪里的文章,总结性还是比较好的.但是代码凌乱,有的还没有图.如果找到原文了可以进行替换! spring中的单例 spring中管理的bean实例默认情况下是单例的[sigleton类型],就还有 ...
    
			
    8. 
						
  8. Docker存储
			
    前言 上一篇文章中简单总结了一下docke的基础使用方法,这次我来总结一下有关docker存储方面的相关知识.本文同样建立在CloudMan的系列教程之上,有兴趣的可以直接移步. 有些人可能觉得这个很 ...
    
			
    9. 
						
  9. 如何查看appache的端口是否被占用
			
    win + R 快捷键输入 cmd 打开命令行. 输入 netstat -ano 查看端口使用情况 Ctrl + Shift + Esc 打开 windows 任务管理器,依次单击 [查看][ 选择列 ...
    
			
    10. 
						
  10. nodeJS之URL
			
    前面的话 在HTTP部分,详细介绍了URL的相关知识.而nodejs中的url模块提供了一些实用函数,用于URL处理与解析.本文将详细介绍nodeJS中的URL URL对象 解析 URL 对象有以下内 ...
    
			
    11.