• 技术文章 >web前端 >H5教程

    range对象的clone方法

    高洛峰高洛峰2017-02-09 14:37:31原创665
    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中文网!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:H5
    上一篇:2017年前端领域可能迎来的6个发展趋势 下一篇:range对象之selectNode等方法
    千万级数据并发解决方案

    相关文章推荐

    • Html5 Canvas初探学习笔记(3) -绘制样式和绘制文本 • HTML5实践-三步实现响应式设计的详细介绍• 在HTML5 Canvas中放入图片和保存为图片的方法_html5教程技巧• 基于Modernizr 让网站进行优雅降级的分析_html5教程技巧• html5配合css3实现带提示文字的输入框(摆脱js)_html5教程技巧
    1/1

    PHP中文网