<head>
<meta charset="UTF-8">
<title>
</title>
<style>
#mydiv0{
border: 1px solid red;
overflow: auto;
position: absolute;
width: 40%;
height: 70%;
}
#mydiv1{
width: 50%;
height: 20%;
border: 1px solid red;
margin-left: 20%;
}
#mydiv3{
width: 50%;
height: 20%;
border: 1px solid red;
overflow: auto;
margin-left: 20%;
margin-top: 20%;
text-align: center;
}
#mydiv4{
width: 50%;
height: 20%;
border: 1px solid red;
margin-left: 20%;
margin-top: 20%;
}
#mydiv5{
width: 50%;
height: 20%;
border: 1px solid red;
margin-left: 20%;
margin-top: 20%;
}
#mydiv6{
width: 50%;
height: 20%;
border: 1px solid red;
margin-left: 20%;
margin-top: 20%;
}
</style>
</head>
<body>
<div id="mydiv0">
<div class="" id="mydiv1" onclick="book()">点击传递
<div style="margin-left: 20px; width: 30px;height: 30px;border: 1px solid red;">123</div>
</div>
<div id="mydiv3">居中<br/>居中<br/>居中<br/>居中<br/>居中<br/>居中<br/>居中<br/></div>
</div>
<div id="mydiv2" style=" position: absolute;left:56%; width: 40%;height: 70%; border: 1px solid red;">
</div>
</body>
<script type="text/javascript" src="../../js/jquery-3.4.1.min.js" charset="UTF-8"></script>
<script>
$(document).ready(function(){
$("#mydiv1").click(function(){
var firstDivContent = document.getElementById("mydiv1");
var secondDivContent = document.getElementById("mydiv2");
secondDivContent.innerHTML = firstDivContent.innerHTML;
});
$("#mydiv3").click(function(){
var d3 = document.getElementById("mydiv3");
var d2 = document.getElementById("mydiv2");
d2.innerHTML = d3.innerHTML;
});
});
</script>
我实现了传递,但是只是传递了内容,没有吧整个div传递过去,我应该如何修改
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
2条回答 默认 最新
- 崽崽的谷雨 2021-10-27 14:09关注
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .left, .right { width: 400px; height: 500px; border: 1px solid red; } .box { width: 300px; height: 100px; overflow: auto; border: 1px solid red; } </style> </head> <body> <div class="left"> <div onclick="chuan()">传递 </div> <div class="box" id="box"> <ul> <li> 居中 </li> <li> 居中 </li> <li> 居中 </li> <li> 居中 </li> <li> 居中 </li> <li> 居中 </li> </ul> </div> </div> <div class="right"> </div> </body> <script> function chuan() { let box = document.getElementById("box"); let pbox = document.getElementsByClassName("left")[0]; pbox.removeChild(box); let rbox = document.getElementsByClassName("right")[0]; rbox.appendChild(box); } </script> </html>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 微信小程序协议怎么写
- ¥15 c语言怎么用printf(“\b \b”)与getch()实现黑框里写入与删除?
- ¥20 怎么用dlib库的算法识别小麦病虫害
- ¥15 华为ensp模拟器中S5700交换机在配置过程中老是反复重启
- ¥15 java写代码遇到问题,求帮助
- ¥15 uniapp uview http 如何实现统一的请求异常信息提示?
- ¥15 有了解d3和topogram.js库的吗?有偿请教
- ¥100 任意维数的K均值聚类
- ¥15 stamps做sbas-insar,时序沉降图怎么画
- ¥15 买了个传感器,根据商家发的代码和步骤使用但是代码报错了不会改,有没有人可以看看