Javascript 克隆div实现不需要'；行不通_Javascript_Html

Javascript 克隆div实现不需要'；行不通

javascript html

Javascript 克隆div实现不需要'；行不通,javascript,html,Javascript,Html,我有一个可以工作的javascript来克隆一个div，而不移动同一行中的其他div。但是当我试图用html实现它时，不可能关闭最大化div <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Untitled 1</title> <script type="text/javascript" src="java_test.js"

我有一个可以工作的javascript来克隆一个div，而不移动同一行中的其他div。但是当我试图用html实现它时，不可能关闭最大化div

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
<script type="text/javascript" src="java_test.js"></script>
<link href="max_css.css" rel="stylesheet" />
</head>


<body>



<div id="box1" class="kaesten" onclick="changeSize('box1', 600, 600)">test1</div>
<div id="box2" class="kaesten" onclick="changeSize('box2', 600, 600)">test2</div>
<div id="box3" class="kaesten" onclick="changeSize('box3', 600, 600)">test3</div>
<div id="box4" class="kaesten" onclick="changeSize('box4', 600, 600)">test4</div>
<div id="dummy" class="absoluteclass" onclick="changeSize('dummy', 600, 600)" ></div>


</body>

test1
测试2
测试3
测试4

您可以像这样修改

changeSize

函数

function changeSize(id, weight, height){
   var currentAbsoluteElem = document.getElementById('dummy');
   if(id == null && weight == null && height == null){
     currentAbsoluteElem.setAttribute('style','display:none');
   }else{
     var elem = document.getElementById(id);
     var text = elem.innerHTML;
     currentAbsoluteElem.innerHTML = text;
     currentAbsoluteElem.setAttribute('style','display:block');
     /*Extra styling neeed  to be done here*/
   }
}

在你的html中

<div id="dummy" class="absoluteclass" onclick="changeSize()" ></div>

我希望这就是您想要的。

我检查了您的代码，当我单击一个较小的div后单击它时，较大的div将关闭。@krzysiej我知道，但当我想在html中实现它时，就像我在代码的第一部分所示，它不会关闭！