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. Codeforces Round #418 (Div. 2).C two points
			
    C. An impassioned circulation of affection time limit per test 2 seconds memory limit per test 256 m ...
    
			
    2. 
						
  2. C#获取数据库连接字符
			
    有两种用法:1)using System.Configuraiton; string ConStr=ConfigurationManager.ConnectionStrings["ConSt ...
    
			
    3. 
						
  3. 为实施了IFD的Dynamics 365更换自签名的SSL证书以符合Chrome的要求
			
    关注本人微信和易信公众号: 微软动态CRM专家罗勇 ,回复259或者20170704可方便获取本文,同时可以在第一间得到我发布的最新的博文信息,follow me!我的网站是 www.luoyong. ...
    
			
    4. 
						
  4. Oracle 10gR2分析函数
			
    Oracle 10gR2分析函数汇总 (Translated By caizhuoyi 2008‐9‐19) 说明:  1. 原文中底色为黄的部分翻译存在商榷之处,请大家踊跃提意见:  2. 原文中淡 ...
    
			
    5. 
						
  5. nyoj_323:Drainage Ditches（网络流入门）
			
    题目链接 网络流入门@_@,此处本人用的刘汝佳的Dinic模板 #include<bits/stdc++.h> using namespace std; const int INF = 0 ...
    
			
    6. 
						
  6. 【JAVASCRIPT】React入门学习-文本渲染
			
    摘要 react 学习包括几个部分: 文本渲染 JSX 语法 组件化思想 数据流 文本渲染 1. 纯文本渲染 <!DOCTYPE html> <html> <head&g ...
    
			
    7. 
						
  7. 创建自己的代码片段（CodeSnippet）
			
    前言 工作中经常会写一些重复的代码片段,如自动属性.for循环.Action等等,针对这种情况,VisualStudio已经给我们提供了一个非常方便的功能--代码片段,是我们可以简单的输入几个字母就能 ...
    
			
    8. 
						
  8. [COGS 1065] 绿豆蛙的归宿
			
    先贴题面w 1065. [Nescafe19] 绿豆蛙的归宿 ★   输入文件:ldfrog.in   输出文件:ldfrog.out   简单对比时间限制:1 s   内存限制:128 MB 随着新 ...
    
			
    9. 
						
  9. vim  配置插件
			
    vim插件可以用bundle管理,我这里面用的是一个开源的Vundle工具,git上操作步骤说的很清楚https://github.com/VundleVim/Vundle.vim 之前PluginI ...
    
			
    10. 
						
  10. Android学习笔记- ProgressBar(进度条)
			
    本节引言: 本节给大家带来的是Android基本UI控件中的ProgressBar(进度条),ProgressBar的应用场景很多,比如 用户登录时,后台在发请求,以及等待服务器返回信息,这个时候会用 ...
    
			
    11.