简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > Tutorial H5 > teks badan

range对象的clone方法

高洛峰
Lepaskan： 2017-02-09 14:37:31
asal
1390 orang telah melayarinya

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>
Salin selepas log masuk
<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>
Salin selepas log masuk

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

Label berkaitan：
h5
sumber：php.cn
Artikel sebelumnya：2017年前端领域可能迎来的6个发展趋势 Artikel seterusnya：range对象之selectNode等方法
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Tajuk yang ditulis semula ialah: SweetAlert2: parameter "onBeforeOpen" tidak diketahui Saya menggunakan Laravel5.8 dengan Sweetalertv2 dan saya cuba mencetuskan makluman ini pad...
daripada 2023-11-10 09:39:01
0
1
257
Peraturan CSS digunakan tanpa kelas, mengapa? Saya mentakrifkan peraturan CSS: .info-specsh2,h3,h4,h5{font-size:1.5em;text-transform:non...
daripada 2023-09-04 13:26:05
0
1
202
<text selectable="true">Nama, jantina, umur</text> Mengapa saya tidak boleh memilih tetikus dalam alat pembangunan WeChat Paparan tetikus ada...
daripada 2021-11-01 11:11:30
0
2
481
Imej hitam muncul apabila memuat turun bahan sementara di WeChat Kawan-kawan, saya menggunakan jssdk untuk memanggil foto dalam halaman WeChat h5, dan kemu...
daripada 2019-10-05 13:51:41
0
0
765
Sila beritahu saya cara untuk melangkau langkah pengesahan penyemak imbas untuk pembayaran WeChat H5 dan terus menghubungi WeChat Bagaimana untuk melangkau langkah ini dan terus mengaktifkan WeChat tanpa pengesahan pengg...
daripada 2019-10-04 14:50:57
0
1
1088
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！