range对象的clone方法

程序员文章站 2022-03-10 12:04:49

...

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>

更多range对象的clone方法相关文章请关注PHP中文网！

range对象的clone方法

魔术方法 - php简单操作数组和对象时候遇到的两个问题，一起请教各位了

从零学python系列之浅谈pickle模块封装和拆封数据对象的方法

PHP动态地创建属性和方法, 对象的复制, 对象的比较,加载指定的文件,自动加载类文件,命名空间，_PHP教程

Vue实现动态添加或者删除对象和对象数组的操作方法

一个关于父类方法访问子类对象中的公有属性的问题

php面向对象中static静态属性和静态方法的调用

【转载】C#的Merge方法合并两个DataTable对象的数据

Python 类、对象、方法、面向对象的特征

【转载】C#通过Clone方法快速创建相同架构的DataTable

python面向对象编程思维，面向对象概念，类对象，类的方法，继承，方法重写笔记

range对象的clone方法

魔术方法 - php简单操作数组和对象时候遇到的两个问题，一起请教各位了

从零学python系列之浅谈pickle模块封装和拆封数据对象的方法

PHP动态地创建属性和方法, 对象的复制, 对象的比较,加载指定的文件,自动加载类文件,命名空间，_PHP教程

Vue实现动态添加或者删除对象和对象数组的操作方法

一个关于父类方法访问子类对象中的公有属性的问题

php面向对象中static静态属性和静态方法的调用

【转载】C#的Merge方法合并两个DataTable对象的数据

Python 类、对象、方法、面向对象的特征

【转载】C#通过Clone方法快速创建相同架构的DataTable

python面向对象编程思维，面向对象概念，类对象，类的方法，继承，方法重写 笔记

python面向对象编程思维，面向对象概念，类对象，类的方法，继承，方法重写笔记