文档章节

[H5]range对象之selectNode等方法

Akillua
 Akillua
发布于 2017/07/27 10:55
字数 102
阅读 3
收藏 0
关于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" onclick="deleteContent(true)" value="删除内容">
    <input type="button" onclick="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>

 

© 著作权归作者所有

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

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

04/01
0
0
ztree调用selectNode方法的问题

@zTree 你好,想跟你请教个问题: 我调用selectNode方法时,当有滚动条时默认将选择的节点显示到最上方,这样,当我右键节点选中该节点时,导致节点不在我鼠标点击的位置,如何在调用selectN...

mfkwgizhoujian
2016/02/19
3K
1
当js调用selectNode 方法触发选择一个节点,会导致页面的正在输入内容的输入框失去焦点。

@zTree 你好,想跟你请教个问题: 当js调用selectNode 方法触发选择一个节点,会导致页面的正在输入内容的输入框失去焦点。 查看你api的方法,有一个.focus().blur() 方法,在selectNode 前调...

jetsonlee
2015/11/19
800
5
C# 添加、修改、删除Excel迷你图表的方法

Excel表格中的迷你图表能够直观地向我们展示出数据的变化趋势。本文将介绍C#如何实现为表格数据生成迷你图表,以及修改和删除迷你图表的方法。下面将详细讲述。所用组件工具:Spire.XLS for...

E_iceblue
2017/12/14
0
0
【quickhybrid】JSBridge的实现

前言 本文介绍框架的核心的实现 由于在最新版本中,已经没有考虑等低版本,因此在选用方案时没有采用方式,而是直接基于实现 交互原理 具体H5和Native的交互原理可以参考前文的 交互原理图如...

dailc
02/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周二乱弹 —— 女装大佬被拆穿是妹子假扮

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 小小编辑推荐:《All of the Stars》- Ed Sheeran 《All of the Stars》- Ed Sheeran 手机党少年们想听歌,请使劲儿戳(这里) @Leon_swool ...

小小编辑
21分钟前
52
3
3. 彤哥说netty系列之Java BIO NIO AIO进化史

你好,我是彤哥,本篇是netty系列的第三篇。 欢迎来我的公从号彤哥读源码系统地学习源码&架构的知识。 简介 上一章我们介绍了IO的五种模型,实际上Java只支持其中的三种,即BIO/NIO/AIO。 本...

彤哥读源码
24分钟前
8
0
02.日志系统:一条SQL更新语句是如何执行的?

我们还是从一个表的一条更新语句说起,我们创建下面一张表: create table T(ID int primary key, c int); 如果要将ID=2这一行c的值加1,SQL可以这么写: update T set c=c+1 where ID=2; 前...

scgaopan
今天
9
0
【五分钟系列】掌握vscode调试技巧

调试前端js 准备一个前端项目 index.html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1......

aoping
今天
8
0
PhotoShop 高级应用:USM锐化/S锐化/防抖

、 高反差锐化+混合模式:叠加模式 【将更多的边缘细节添加到图像中】

东方墨天
今天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部