Maison > Article > interface Web > range对象的clone方法
range对象的clone方法
- 高洛峰original
- 2017-02-09 14:37:311391parcourir
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中文网！
Déclaration：
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
Article précédent：2017年前端领域可能迎来的6个发展趋势Article suivant：range对象之selectNode等方法