文档章节

[H5]range对象的clone方法

Akillua
 Akillua
发布于 2017/07/27 10:51
字数 107
阅读 5
收藏 0

clone:range对象的克隆;

<body>
    <p id="p">这是一段文字</p>
    <button onclick="btn()">克隆</button>
    <script>
        function btn() {
            var p=document.getElementById("p");
            var rangeObj=document.createRange();
            rangeObj.selectNodeContents(p)
            var clone=rangeObj.cloneRange();
            alert(clone.toString());
        }
    </script>
</body>

 

<body>
    <div id="div">这是要克隆的文字内容<br/></div>
    <button onclick="btn()">克隆</button>
    <script>
        function btn() {
            var div=document.getElementById("div");
            var rangeObj=document.createRange();
            rangeObj.selectNodeContents(div);
            var clone=rangeObj.cloneContents();
            //appendChild() 方法向节点添加最后一个子节点。
            div.appendChild(clone);
        }
    </script>
</body>

 

© 著作权归作者所有

上一篇: css3文本字体
下一篇: css3盒子相关样式
Akillua
粉丝 0
博文 43
码字总数 19935
作品 0
郑州
私信 提问
C# 添加、修改、删除Excel迷你图表的方法

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

E_iceblue
2017/12/14
0
0
.NET的数学库NMath实用教程——矢量的复制和视图

NMath是一个适用于所有.NET语言,如C#、Visual Basic、F#和.NET的数学库,它包含了.NET平台上的面向对象数字计算的基础类。我们将以连载的形式向大家介绍NMath的实用教程,本文主要介绍向量...

ymy_666666
02/15
5
0
【quickhybrid】JSBridge的实现

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

dailc
02/18
0
0
Php5.5新特性 Generators详解

在PHP5.5.0版本中,新增了生成器(Generators)特性,用于简化实现迭代器接口(Iterator)创建简单的迭代器的复杂性。 通过生成器,我们可以轻松的使用迭代一系列的数据,而不需要事先在内存中构...

mylxsw
2015/06/04
163
1
JAVA中深拷贝与浅拷贝(在网上找到的) 希望对于理解深拷贝与浅拷贝有帮助

原文:http://www.cnblogs.com/afirefly/archive/2010/09/08/1821810.html 什么是clone? 在实际编程过程中,我们常常要遇到这种情况:有一个对象A,在某一时刻A中已经包含了一些有效值,此时...

not_in_mountain
2017/09/29
0
0

没有更多内容

加载失败,请刷新页面

加载更多

mysql概览

学习知识,首先要有一个总体的认识。以下为mysql概览 1-架构图 2-Detail csdn |简书 | 头条 | SegmentFault 思否 | 掘金 | 开源中国 |

程序员深夜写bug
今天
7
0
golang微服务框架go-micro 入门笔记2.2 micro工具之微应用利器micro web

micro web micro 功能非常强大,本文将详细阐述micro web 命令行的功能 阅读本文前你可能需要进行如下知识储备 golang分布式微服务框架go-micro 入门笔记1:搭建go-micro环境, golang微服务框架...

非正式解决方案
今天
4
0
前端——使用base64编码在页面嵌入图片

因为页面中插入一个图片都要写明图片的路径——相对路径或者绝对路径。而除了具体的网站图片的图片地址,如果是在自己电脑文件夹里的图片,当我们的HTML文件在别人电脑上打开的时候图片则由于...

被毒打的程序猿
今天
5
0
Flutter 系列之Dart语言概述

Dart语言与其他语言究竟有什么不同呢?在已有的编程语言经验的基础上,我们该如何快速上手呢?本篇文章从编程语言中最重要的组成部分,也就是基础语法与类型变量出发,一起来学习Dart吧 一、...

過愙
今天
3
0
rime设置为默认简体

转载 https://github.com/ModerRAS/ModerRAS.github.io/blob/master/_posts/2018-11-07-rime%E8%AE%BE%E7%BD%AE%E4%B8%BA%E9%BB%98%E8%AE%A4%E7%AE%80%E4%BD%93.md 写在开始 我的Arch Linux上......

zhenruyan
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部