méthode de clonage de l'objet plage

高洛峰

Libérer： 2017-02-09 14:37:31

original

1486 Les gens l'ont consulté

clone : Clone de l'objet 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>

Copier après la connexion

<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>

Copier après la connexion

Pour plus d'articles liés à la méthode de clonage de l'objet range, veuillez faire attention au site Web PHP chinois !

Étiquettes associées：

source：php.cn

Article précédent：6 tendances de développement possibles dans le domaine front-end en 2017 Article suivant：selectNode et autres méthodes d'objet range

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur