[H5]range对象的clone方法

2017/2/14 8:34:28 阅读：1602 发布者：1602

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自定义滚动样式

下一篇 CSS属性之attr()

[H5]range对象的clone方法

文章分类

相关新闻

热门标签