新手村常驻居民 2021-10-27 11:25 采纳率: 16.2%
浏览 42
已结题

我实现了传递，但是只是传递了内容，没有吧整个div传递过去，我应该如何修改

img


<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>
  • 写回答

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>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

问题事件

  • 系统已结题 11月4日
  • 已采纳回答 10月27日
  • 修改了问题 10月27日
  • 创建了问题 10月27日

悬赏问题

  • ¥15 做个有关计算的小程序
  • ¥15 MPI读取tif文件无法正常给各进程分配路径
  • ¥15 如何用MATLAB实现以下三个公式（有相互嵌套）
  • ¥30 关于#算法#的问题：运用EViews第九版本进行一系列计量经济学的时间数列数据回归分析预测问题 求各位帮我解答一下
  • ¥15 setInterval 页面闪烁，怎么解决
  • ¥15 如何让企业微信机器人实现消息汇总整合
  • ¥50 关于#ui#的问题：做yolov8的ui界面出现的问题
  • ¥15 如何用Python爬取各高校教师公开的教育和工作经历
  • ¥15 TLE9879QXA40 电机驱动
  • ¥20 对于工程问题的非线性数学模型进行线性化