[H5]range对象之selectNode等方法

最新推荐文章于 2023-11-09 15:09:19 发布
最新推荐文章于 2023-11-09 15:09:19 发布
阅读量470 收藏
点赞数
原文链接：http://www.cnblogs.com/chooper/p/6378956.html
版权 
关于range对象的selectNodeContents、selectNode、deleteContents方法
示例代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="div" style="background-color:rosybrown;width:500px;height:200px;">这里有文字</div>
    <input type="button" οnclick="deleteContent(true)" value="删除内容">
    <input type="button" οnclick="deleteContent(false)" value="删除元素">
    <script>
        function deleteContent(test) {
            var div=document.getElementById("div");
            var range=document.createRange();
            if (test){
                range.selectNodeContents(div);
                range.deleteContents();
            }else{
                range.selectNode(div);
                range.deleteContents();
            }
        }
    </script>
</body>
</html>

 

转载于:https://www.cnblogs.com/chooper/p/6378956.html

weixin_30681615
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
详解Netty中的责任链Pipeline如何管理ChannelHandler
Hi，我是sharkchili，CSDN Java领域博客专家，开源项目JavaGuide维护人员，我想写一些有意思的东西，希望对你有帮助。
07-30 2146
因为近期收到很多读者的私信，所以也专门创建了一个交流群，感兴趣的读者可以通过上方的公众号获取笔者的联系方式完成好友添加，点击备注。因为近期收到很多读者的私信，所以也专门创建了一个交流群，感兴趣的读者可以通过上方的公众号获取笔者的联系方式完成好友添加，点击备注。的关系，以及传播顺序，建议读者按照笔者的说明进行handler编排，并解耦各个处理器的逻辑，由此提升程序的稳定性和可维护性。抽象，然后解析该事件的操作位是读事件，于是直接调用。的write方法的实现，可以看到其内部本质就是调用。
selectNode、selectNodeContents 区别
Hello World ~
05-24 7123
SelectNode() range对象的SelectNode将用于range对象起点指定于某个节点的起点，将range对象的终点指定于该对象的终点，使range对象所代表的区域中包含该节点，该方法并不把该节点设为高亮选取状态。 **设置该方位的边界点，使它包含指定节点和它所有子孙节点 语法：selectNode(refNode) SelectNodeContents() r
SelectNodes 与 XPath
java的涟漪
12-24 3097
<br />XPath 是 XML 的内容，这里 SelectNodes 是 javascript 中 XmlDocument 或 XmlNode 的一个方法。SelectNodes 使用 XPath 来选取节点。 <br />重要语法 <br />SelectNodes("item") <br />从当前节点的儿子节点中选择名称为 item 的节点。 <br />SelectNodes("/item") <br />从根节点的儿子节点中选择名称为 item 的节点。 <br />SelectNodes("
html5 编辑API之range对象（一）
俊刚的博客
11-13 1119
一：Range对象的概念  Range对象代表页面上的一段连续区域，通过Range对象，可以获取或修改页面上的任何区域，可以通过如下创建一个空的Range对象，如下：       var  range = document.createRange(); 在html5中，每一个浏览器窗口及每一个窗口中都有一个selection对象，代表用户鼠标在页面中所选取的区域，
SelectNodes常用写法
mrwu9902的专栏
12-09 1185
SelectNodes常用写法 关键是SelectNodes函数，下面列出SelectNodes常用写法（同样适用于SelectSingleNode函数）：        /    指示节点路径                                                                        --路径匹配        //   所有路径以"//
Selection和Range对象
赵丹丹 廊坊师范学院信息技术提高班 七期
09-30 2959
前言     其实在对word操作的时候Range对象用到的是最多的， 又由于Range对象与 Selection对象共享许多相同的方法和属性，所以今天我们将他俩放到一起来介绍下，看看他们有哪些共同和不同的地方。 正题 1.处理 Selection对象      用 Word 处理文档时，通常先选定文字，然后对所选内容进行操作，例如设置文字格式或键入文字。在 Visual Bas
Range对象
一个有味道的Weber
09-29 2142
一、Range对象属性 属性值 说明 Range.collapsed 用于判断Range对象所代表的区域的开始点与结束点是否处于相同的位置，如果相同该属性值返回true Range.commonAncestorContainer 用于返回Range对象所代表的区域位于什么节点之中，该属性值为包含了该区域的最低层节点(一个节点可能是一个元素，也可能是一段完整文字)的节点 Ra
JS Range 对象的使用
05-13
8. selectNode(node): 选中一个节点，使其成为Range对象的范围。 9. selectNodeContents(node): 选中一个节点的内容，使其成为Range对象的范围。 10. toString(): 返回Range对象所包含的文本。 以下是一个简单的 ...
用 js 的 selection range 操作选择区域内容和图片
10-20
为了选中图片，我们可以使用Range对象的selectNode()方法，该方法接受一个DOM节点作为参数，并且选中这个节点。 为了实现点击图片后选中图片，并能通过键盘删除，文章中提供了一个具体的函数实现： ```javascript ...
Javascript标准DOM Range操作全集第1/3页
12-09
Range对象提供了两个主要的方法用于选择文档中的元素或内容：`selectNode()`和`selectNodeContents()`。`selectNode(node)`会选择给定节点及其所有子节点，而`selectNodeContents(node)`则仅选择节点的内部内容，不...
Range对象与Selection对象
weixin_45855469的博客
05-04 729
range对象有以下几个方法，先大致看一下基本的定义，后续的实例中会详细的讲述它们的含义和用法。Range.collapsed 是只读属性。它返回一个 Boolean (en-US) 值表示是否起始点和结束点是同一个位置。如果返回 true 表示Range 的起始位置和结束位置重合，false 表示不重合。Range.commonAncestorContainer 只读属性，返回目标节点的共有祖先节点。Range.endContainer 是一个只读属性。它会返回Range对象结束的Node。
zTree selectNode 后，被选中节点没在屏幕可视范围
m0_60526787的博客
10-21 998
前两天改了一个bug ，是关于zTree的，由于之前没用过，所以查询了很多资料，摸索了很久 首先是ztree的官方文档：API Document [zTree -- jQuery tree plug-ins.]zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。专门适合项目开发，尤其是 树状菜单、树状数据的Web显示、权限管理等等。zTree 是开源免费的软件（MIT 许可证）。在开源的作用下，zTree 越来越完善，目前已经拥有
JS 处理文档选择和范围创建【createRange | getSelection】
最新发布
mx_csdn的博客
11-09 1053
JS在光标、文本选择方面的应用
Range对象介绍
问白的博客
03-20 5720
在web中有个不常用，但挺强大的一个对象Range。他表示一个包含节点与文本节点的一部分的文档片段。 1、创建Range实例 有三种办法可以得到一个Range, 一旦一个 Range 对象被建立，在使用他的大多数方法之前需要去设置他的临界点 通过 Range() 构造函数来得到Range, 新创建的对象属于全局 Document 对象 通过 Document.createRange 方法创建 Range 通过 Selection 对象来获取range 下面我们来一一介绍，介绍例子时候，使用一份html文
Range——删除内容的某些文字
飞一样的编程
06-10 578
这段文字用来删除的哦哦哦 function onc(boo){ var div= document.getElementById("div"); var text=div.firstChild; var rangeobj=document.createRange();//创建节点对象 rangeobj.setStart(text,1); ra
选中div内文本复制后会多一个换行符_javascript
qq_38871503的博客
11-25 2194
选中div内文本复制后会多一个换行符_javascript
js中的Range
u014644574的博客
02-15 5098
js中的Range js获取光标位置的坐标
MFC之对于文档类的DeleteContents和OnNewDocument说明29
weixin_44517656的博客
02-17 580
1 文档类的DeleteContents和OnNewDocument说明 DeleteContents和OnNewDocument在每次创建新的文档之前都会被调用，而DeleteContents比OnNewDocument优先调用。DeleteContents主要做创建前清理工作，而OnNewDocument主要是创建文档。说这一点主要是为了说明每次创建文档都会调用这两个函数，所以在创建新文档时的一些初始化放在这两个函数，一般放在DeleteContents，所以注意不要按照平常放在构造函数。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值