文档章节

[H5]range对象的setStart/setEnd方法

Akillua
 Akillua
发布于 2017/07/27 10:55
字数 299
阅读 10
收藏 0

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>

 

 

 

© 著作权归作者所有

Akillua
粉丝 0
博文 43
码字总数 19935
作品 0
郑州
私信 提问
JavaScript基础 —— DOM:遍历 与 范围

遍历 "DOM2 级遍历和范围"模块定义了两个方法用于辅助完成顺序遍历 DOM 结构的类型: NodeIterator 和 TreeWalker 。这两个类型能够基于给定的起点对 DOM 结构执行深度优先(depth-first)的...

04/01
0
0
JS Range HTML文档/文字内容选中、库及应用介绍

一、前面的些话 本文的内容基本上是基于“区域范围对象(Range objects)”这个概念来说的。这个玩意,可以让你选择HTML文档的任意部分,并可以拿这些选择的信息做你想做的事情。其中,最常见的...

老鸟的空间
2014/07/02
2.6K
0
MyEcplise里注册为什么错了,数据也插入对了啊

package dlufl.struts.action; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.apache.struts.action.Action; import org.apa......

也许吧但不是
2012/10/11
311
3
MyEclipse里Strust1为什么form的验证都执行了,可是跳不到action中

action的配置文件没有错请放心,我和朋友看了很多遍 actionform public class UsersTicketForTrainIDForm extends ActionForm { private String date_train; private String start_station; ......

也许吧但不是
2012/11/24
570
4
JavaScript 学习笔记8

第十章 DOM 1.节点层次 每个节点有各自的特点,数据和方法,节点之间的关系构成了层次 文档节点是每个文档的根节点,HTML中文档元素是最外层元素,文档节点的唯一子节点 a.节点类型 每个节点...

candy-chocolate
2016/11/07
5
0

没有更多内容

加载失败,请刷新页面

加载更多

PhotoShop 色调:理解直方图/RGB通道信息

一、直方图:图表的形式,展示图像像素分布的情况 1.平均值:表示平均亮度 2.标准偏差值:表示亮度值范围内的中间值 3.像素: 表示用于计算直方图的像素总数 4.色阶:显示指针下面的区域亮度...

东方墨天
18分钟前
5
0
wildfly(JBoss AS)应用服务器快速入门

什么是wildfly JBoss AS 从8版本起名为wildfly。Wildfly是一个开源的基于JavaEE的轻量级应用服务器。可以在任何商业应用中免费使用。 WildFly是一个灵活的、轻量的、强大管理能力的应用程序服...

程序新视界
42分钟前
3
0
Java集合类常见面试知识点总结

Java集合类学习总结 这篇总结是基于之前博客内容的一个整理和回顾。 这里先简单地总结一下,更多详细内容请参考我的专栏:深入浅出Java核心技术 https://blog.csdn.net/column/details/21930...

Java技术江湖
46分钟前
6
0
怎么用for循环打出爱心

先上效果图: 这是用*组成的爱心,下面讲讲思路: 首先这个图形可以拆分成三部分:第一部分是上面三行的两个梯形,第二部分是中间三行的长方形,第三部分是最下面的倒三角形。 其实图形拆分好...

INEVITABLE
51分钟前
4
0
用HttpUrlConnection伪造成HttpClient

https://www.jianshu.com/p/27ad06cc39d2

shzwork
57分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部