zoukankan html css js c++ java

[H5]range对象的createRange方法

range对象的extractContents()方法:

extractContents() 方法删除文档内容，并以 DocumentFragment 对象的形式返回它;

DocumentFragment配合range对象:相当于剪切、复制、粘贴其子孙节点

<body>
    <div id="div1" style="background: greenyellow; 200px; height:100px;">这里有一段文字</div>
    <div id="div2" style="background: #faed98; 200px; height:100px;"></div>
    <button onclick="btn()">转移</button>
    <script>
        function btn() {
            var div1=document.getElementById("div1");
            var div2=document.getElementById("div2");
            var rangeObj=document.createRange();
            rangeObj.selectNodeContents(div1);
            docFragment=rangeObj.extractContents();
            div2.appendChild(docFragment);
        }
    </script>
</body>

查看全文

相关阅读:
DeflateStream类
 BufferedStream类
 FileStream类
 Asp.net MVC Comet 推送
 MVC 读书笔记
 MVC部署
 MVC系统过滤器、自定义过滤器
 MVC 路由规则
 MVC 模型绑定
 边双+点双模板

原文地址：https://www.cnblogs.com/chooper/p/6382035.html