Rumah > Artikel > hujung hadapan web > range对象的clone方法
range对象的clone方法
- 高洛峰asal
- 2017-02-09 14:37:311461semak imbas
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中文网！
Kenyataan：
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 sebelumnya：2017年前端领域可能迎来的6个发展趋势Artikel seterusnya：range对象之selectNode等方法