简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > H5教程 > 正文

range对象的clone方法

高洛峰
发布： 2017-02-09 14:37:31
原创
1390 人浏览过

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中文网！

相关标签：
h5
来源：php.cn
上一篇：2017年前端领域可能迎来的6个发展趋势 下一篇：range对象之selectNode等方法
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
重写后的标题为：SweetAlert2: "onBeforeOpen" 参数未知 我正在使用Laravel5.8和Sweetalertv2，我尝试用它在Blade上触发此警报：Swal.fire({title:'<h4style="color:#...
来自于 2023-11-10 09:39:01
0
1
257
CSS 规则在没有类的情况下应用，为什么？ 我定义CSS规则：.info-specsh2,h3,h4,h5{font-size:1.5em;text-transform:none;}这应该只适用于类为“info-specs”...
来自于 2023-09-04 13:26:05
0
1
202
<text selectable="true">姓名，性别，年龄</text> 为什么在微信开发工具里面，这个鼠标选不到，鼠标显示是一个原点，文本不可选。在H5页面中是可以选择的。
来自于 2021-11-01 11:11:30
0
2
481
微信临时素材下载出现黑图 大佬们  我在微信h5页面中用jssdk调用照片  然后上传给临时接口  把获得的微信服务器的media_id通过ajax传回后台再从临时素材下载图片到本地   第一次操作完美  ...
来自于 2019-10-05 13:51:41
0
0
765
请问下微信H5支付 如何跳过浏览器确定这一步，直接唤起微信 如何跳过这一步，不需要用户确定直接唤起微信
来自于 2019-10-04 14:50:57
0
1
1088
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！