Range对象基本用法

效果图如下(在谷歌浏览器下的展示)

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAaoAAAC3CAIAAADM0o1QAAAIKElEQVR4nO3d244cVxWA4XonXisSmZzzFIg450i5CeFRSOKc43tAGAECZCwj5w43F5ZGnaraa686dLen1/dpZPVU7951mNQ/u1uRZjgAlDRc+gAALkP+gKLkDyhK/oCi5A8oaln+huG04wO/+s34a3bj9q/kvoLTjM96+zXZ8apCZZ0badGN3X359NmM54PXte942KwXPH+zg+UPdtG/kY5vtt3zl58hSNix7YvE0fjWLoIT2Xf1Nx0vf7CLu5e/7e9buzPcmk5yOEH+Zle78fhgfiBp58/yku9kj2eLB8/m7zAXoxULvRVvlm8PJrgsrXesrasx+wtmOmfmkgJ5Wz+bm75k9bfxlqB302dnu9YyGtNK4e6rvzh/Kx4Di2z6GP5S+ZsVrN2Sb4enOzrpZ3/yB5f1QuQv88Zw9epvtHF2THeq6avyp9m6RN38HW+RP9jd4vxl7tV138ZbVn/2d+i9n52N4O1Op+QPrkP25pm95U6Uv9l9dT/d6+Zv+my8pfX4nPmLF8jHy2Rgqf3zF2vN2Zp5lL/kp3jBgm7qxcxf60OA4DGwSOrmad1ju6z+4lauu72Tq7/WZ3yHRDFbJ5U869kHmcHxeCCvf/MEN1j33kuugzJjgmVdZvWX/Do0WjmdJDiLIH/dRbT8wdmctl8nyt9oy3TA0kTO5u+QePM7ewor8tf9fED+YHdr8pR/W9rNX8bzwZnSHcIP8gKtXAbj47ObPYXRg6Wrv/j6AEutfGObvOt2XP09l1m+ZYZtf/nS7gRLwhUvXz0PcMvNAxQlf0BR8gcUJX9AUfIHFCV/QFHyBxQlf0BR8gcUJX9AUfIHFCV/QFHyBxQlf0BR8gcUJX9AUc38PXj47PdfHi7y9eDhs3NeAqCm+fw9ePjs5rOnb3/y01sf/3jmr7c/+enms6cKCJzafP4+/+LZmx/98POFvPXxj7/7w//OfCGAapr5e+PD759eyJsf/SB/wKk18/f6B9/990Le+PB7+QNOLcrfk5xhGHYc9uTJE/kDzqCZv9fe//ZxzvQvz7aGJSd8/YPv5A84tSh//8kZhiF4qiWYUP6AM4jy9yhnGIYdhz169Ej+gDNo5u/V9775d1uwrAteEkx47LX3v5U/4NSi/P2rbRiG7vYgkc+1Jpc/4Aya+Xvl3a//2TYMw6Lt8VMjr773jfwBpxbl7x9twzBkth9/23o8JX/AGTTzd3Pv/t/bgre0o2Hdx1OvvPu1/AGnFuXvb5sNw9B9PCV/wBk08/fyO1/9tW0Yhtt/Zx/cftsSTH5z7778AacW5e9hwzAM08fTB4F4jPwBZxDl7y8XIn/AGTTz9+vffvnnC3n5na/kDzi1KH9/uhD5A84gyt8fL0T+gDNo/q2Plz59fHPv/kW+Xvr0sb/1AZxa9JfePv/iMl/aB5xB6u/8DsMwerBsH6telZ8tP/+iI1lx2Luc6b6XK572RPuCO2Hn/B0PiF8V/B/R+V0kj2rFyOT40YDM/PGZJo9wdJ0z13DRxuTPAu601O16/Lh7p02rF9xF01zG829cwsQjgyInDylzJN3iZC5ycl/B+FPsAu6W/uomrlicv+49NtuOVlBas7V20W3KdHx8NWaHLZ1hRWi2t2n45a+W6STyR0H9u+743+Pth/D2SEahlbPMPNMD6+432JJ84YpOZcaMzmX0YHuGkr8VMocKV6Pfr2mYlt6TSyt5kfx1Z5gd2XWYiDfOXuH874/ZXU+/be03c6hwNRZ/9ndod+r4xksWYWP+8vFKbglOdvbliybvbmxdruA6d2c+/PJCHT8Ifi7xhHAdFuSvm6fg2fjOHN2B+fytGB/0rnsWse35Gx1kfPUWnUhrqqVBh2uSzV8yMa1nl1amlarWgiWT5mS+uyfVEl+ozMbWb5ruPMmdHl83qz/Y9OY3OT54ydL8LdrR0hQeGm+ou09lDqZ1JMHG5EsysV7UyuSzcNcty9/022B8pgjH20drk+6u82ui5IKrtSyaLpq27zeWHxMfbXx43R3JH9dtwX/fyZshmb/ZssS7W5e/1mG3no3HL3oqk7+gX8miJfdyWFjM+JThCvR/+ceLhdaW2e2jeyzO2V75i23P39Isdo8qrnZ+ntnBmWu4bhdw56zP3+wdlbx1g90F83RXK8HRZnYav2pFy5a+ZPrrIT6Y/HU+/mHlL5H8cd36K5duDlodzL/JiueZfTz71IqlTbBK7R72ujbNThhflvjEMwc8OqR4fPcnBdch+3FeJgdbD2Xhh3HdYd0Xzg6Io5acPH9xkldy4wXXMphySwBFyR9QlPwBRckfUJT8AUXJH1CU/AFFyR9QlPwBRckfUJT8AUXJH1CU/AFFyR9QlPwBRckfUJT8AUXJH1CU/AFFyR9QlPwBRckfUJT8AUXJH1CU/AFFyR9QlPwBRckfUJT8AUXJH1CU/AFFyR9QlPwBRckfUJT8AUXJH1CU/AFFyR9QlPwBRckfUJT8AUXJH1CU/AFFyR9QlPwBRckfUJT8AUXJH1CU/AFFyR9QlPwBRckfUJT8AUXJH1CU/AFFyR9QlPwBRckfUJT8AUXJH1CU/AFFyR9QlPwBRckfUJT8AUXJH1CU/AFFyR9QlPwBRckfUJT8AUXJH1CU/AFFyR9QlPwBRckfUJT8AUXJH1CU/AFFyR9QlPwBRckfUJT8AUXJH1CU/AFFyR9QlPwBRckfUJT8AUXJH1CU/AFFyR9QlPwBRckfUJT8AUXJH1CU/AFFyR9QlPwBRckfUJT8AUXJH1CU/AFFyR9QlPwBRckfUNT/AY3SyZRaAStSAAAAAElFTkSuQmCC" alt="" width="426" height="176" />

代码如下

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
function test()
{
var html="";
var showRange=document.getElementById("test");
selection=document.getSelection();
if (selection.rangeCount <= 0) {
} else {
for (var i = 0; i < selection.rangeCount; i++) {
var range = selection.getRangeAt(i);
html+="您选取的内容为["+range+"]</br>";
}
showRange.innerHTML=html;
}
}
</script>
<p>为中国奥运健儿加油</p>
<input type="button" onclick="test()" value="点击"/>
<div id="test"></div>
</body>
</html>

在火狐浏览器下的展示

aaarticlea/png;base64,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" alt="" />

为什么会出现这种情况呢,因为火狐浏览器下可以针对不连续的内容多选.

Range对象之SelectNode和selectNodeContents方法

效果图如下

aaarticlea/png;base64,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" alt="" />

代码内容如下:

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
function deleteRangeContent(statusContent)
{
var div=document.getElementById("range");
var rangeObject=document.createRange();
if(statusContent)
{
rangeObject.(div);
rangeObject.deleteContents();
}
else
{
rangeObject.selectNode(div);
rangeObject.deleteContents();
}
}
</script>
<div style="width:300px;height: 30px;background-color: #ec7dff" id="range">查看效果</div>
<input type="button" onclick="deleteRangeContent(true)" value="删除div内部内容"/>
<input type="button" onclick="deleteRangeContent(false)" value="删除div及内部内容"/>
</body>
</html>

selectNodeContents是选定div里边的内容,selectNode是选定div包括里边的内容.

Range对象之setStart和setEnd方法

效果图如下

aaarticlea/png;base64,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" alt="" />

代码内容如下

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
function deleteFromEnd()
{
var textNode=document.getElementById("test").firstChild;
var rangeObject=document.createRange();
rangeObject.setStart(textNode,1);
rangeObject.setEnd(textNode,4);
rangeObject.deleteContents();
}
</script>
<div id="test">中国奥运军团是所向披靡的战无不胜的</div>
<button onclick="deleteFromEnd()">删除</button>
</body>
</html>

我们误以为是会删除”中国奥运”四个字,但是实际上删除的只有“国奥运”.

Range对象之setStartBefore和setEndAfter方法

效果图如下

aaarticlea/png;base64,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" alt="" />

代码如下

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
table,tr,td
{
border:1px solid;
}
</style>
</head>
<body>
<script>
function deleteContent()
{
var tableElement=document.getElementById("tb");
if(tableElement.rows.length>0)
{
var range=document.createRange();
var row=tableElement.rows[0];
range.setStartBefore(row);
range.setEndAfter(row);
range.deleteContents();
}
}
</script>
<table id="tb" style="border:1px solid;">
<tr>
<td>第一行第一列</td>
<td>第一行第二列</td>
</tr>
<tr>
<td>第二行第一列</td>
<td>第二行第二列</td>
</tr>
</table>
<button onclick="deleteContent()">删除table行</button>
</body>
</html>

该实例中定义了table的开始位置和结束位置来删除.

html5学习笔记4--API Range对象(一)的更多相关文章

  1. [html5] 学习笔记- 编辑API之Range对象(二)

    本节继续介绍range对象的方法,包括cloneRange,cloneContents,extraContents,createContextual,createContextual-Fragment ...

  2. [html5] 学习笔记-编辑 API 之 Range 对象(一)

    1.Range对象的基本概念 一个Range对象代表页面上的一段连续区域,通过Range对象,可以获取或修改网页上的任何区域. <!DOCTYPE html> <html> & ...

  3. Java学习笔记之---API的应用

    Java学习笔记之---API的应用 (一)Object类 java.lang.Object 类 Object 是类层次结构的根类.每个类都使用 Object 作为超类.所有对象(包括数组)都实现这个 ...

  4. html5学习笔记一

    HTML5学习笔记 <video>标记:定义视频,Ogg.MPEG4.WebM三种格式 <video src=”movie.ogg”  controls=”controls”> ...

  5. Html5学习笔记1 元素 标签 属性

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. Java学习笔记之---类和对象

    Java学习笔记之---类和对象 (一)类 类是一个模板,它描述一类对象的行为和状态  例如:动物类是一个类,动物们都有属性:颜色,动物们都有行为:吃饭 public class Dog { Stri ...

  7. HTML5学习笔记之表格标签

    HTML5学习笔记之表格标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之基础标签 HTML5学习笔记之表格标签 HTML5学习笔记之表单标签 HTML5学习笔 ...

  8. html5学习笔记5--API Range对象(二)

    Range对象之cloneRange和cloneContents 代码效果如下 首次点击“选择内容“按钮提示如下 接着会显示 最后显示 以下为整个代码 <!DOCTYPE html> &l ...

  9. HTML5 学习笔记(一)——HTML5概要与新增标签

    目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2 ...

随机推荐

  1. 使用Async和Await进行异步编程(C#版 适用于VS2015)

    你可以使用异步编程来避免你的应用程序的性能瓶颈并且加强总体的响应.然而,用传统的技术来写异步应用是复杂的,同时编写,调试和维护都很困难. VS2012介绍了简单的方法,那就是异步编程,它在.Net F ...

  2. VM~Linux联不上网

    使用桥接的链接方式,centos6.4配置静态ip,能ping通网关,但ping 外网时出现 "network is unreachable" 如:ping www.baidu.c ...

  3. bower使用记录

    每次做项目的时候都不依赖某一个库来开发,每次需要某一个库的时候都是百度进入库官网再找到下载的库,经常会因为官网的改版更新而在里面绕半天找不到想要的版本号,当然直接去github,CDN 都可以找到需要 ...

  4. SqlServer 错误1053:服务并未及时响应启动或控制请求

    sqlserver 的登录用户修改成域账户后,启动不了 解决方法: 计算器管理选择管理员组 将域账户加入到管理员组即可

  5. CCNA网络工程师学习进程(5)路由器和交换机的登录安全配置和vlan划分

        本节详细介绍路由器和交换机的登录安全配置以及VLAN划分的原理.     (1)登录安全配置: 路由器登录有两种验证方式:有本地验证方式和远程验证方式.本地登录验证方式可以配置用户名和密码也可 ...

  6. office2010里怎么设置页码为第几页共几页

    在office2010里设置页眉,页脚,页码是很方便的,页眉页脚可以方便的添加信息,统一文本格式,页码的添加可以让读者清楚的知道阅读的进度,也可以方便下次阅读时从相应的页码开始阅读,就像软件中的进度条 ...

  7. HTML5在移动端开发的12大特性

    1.离线缓存为HTML5开发移动应用提供了基础 HTML5 Web Storage API可以看做是加强版的cookie,不受数据大小限制,有更好的弹性以及架构,可以将数据写入到本机的ROM中,还可以 ...

  8. 精选12个时尚的 CSS3 效果【附源码下载】

    这里是精选的12个很炫的 CSS3 效果.CSS3 是对 CSS 规范的一个很大的改善和增强,它使得 Web 开发人员可以很容易的在网站中加入时尚的效果.以前很多需要编写复杂的 JavaScript ...

  9. Jeet – 先进,直观,灵活的 CSS 网格系统

    Jeet 是一个先进的,直观的 CSS 网格系统.通过使用预处理器的强大功能,我们现在可以通过实际分数(或者浮点数)来生成一个基于百分比宽度和间隔的网格.让你用更少的代码,更快的速度构建页面布局. 您 ...

  10. 【Android】Android Camera原始帧格式转换 —— 获取Camera图像(一)

     概述: 做过Android Camera图像采集和处理的朋友们应该都知道,Android手机相机采集的原始帧(RawFrame)默认是横屏格式的,而官方API有没有提供一个设置Camera采集图像的 ...