Range——移动内容extractContents()

最新推荐文章于 2024-05-30 15:52:02 发布

qq_1913284695

最新推荐文章于 2024-05-30 15:52:02 发布

阅读量852

点赞数

分类专栏： html5基础

本文链接：https://blog.csdn.net/qq_21119773/article/details/51636594

版权

html5基础专栏收录该内容

68 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="utf-8" />  
    <title></title>  
</head>  
<body>  
	<div id="d1" style="width:300px;height:50px;background-color:red">雪儿忍不住笑了</div>
	<div id="d2" style="width:300px;height:50px;background-color:pink"></div>
	<input type="button" value="移动内容" οnclick="onc()">
</body>   
      
      
<script>  
function onc(){
	var d1=document.getElementById("d1");
	var d2=document.getElementById("d2");
	var obj=document.createRange();//创建range对象
	obj.selectNodeContents(d1);//得到id=d1的range内容
	var a=obj.extractContents();//移动内容
	d2.appendChild(a);//移动到 id="d2"的div中
}
</script>  
</html>

雪儿忍不住笑了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_1913284695

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Range——移动内容extractContents()

雪儿忍不住笑了 function onc(){ var d1=document.getElementById("d1"); var d2=document.getElementById("d2"); var obj=document.createRange();//创建range对象 obj.selectNodeContents(d1);/
复制链接

扫一扫