Javascript 克隆并最大化div

我有一个html页面，其中一行是div，当我最大化另一个div的移动时，但我希望所有div都保持原位，并将单击的div（最大化的一个）的克隆放在其他div前面

功能更改尺寸（id、重量、高度）{
var elem=document.getElementById（id）；
if（elem.getAttribute（'style'））{
元素删除属性（“样式”）；
}否则{
elem.style.width=重量+px；
elem.style.height=高度+px；
elem.style.fontSize='30px'；
}
}
var elems=document.getElementsByClassName（'kaesten'）；
对于（变量i=0；i

.kaesten{
宽度：240px；
高度：300px；
背景色：暗灰色；
背景位置：中心；
背景重复：无重复；
文本阴影：0px 0px 3px#000；
边框：5px实心#F0F8ff；
垂直对齐：顶部；
文本阴影：3px 3px 4px#777；
浮动：左；
左边距：30px；
}

test1
测试2
测试3
test4

如何克隆单击的div并执行changeSize样式选项？

是否要对克隆的

div

执行

changeSize

？您想在哪里显示克隆的

div

？完全正确！我想在页面的中间展示克隆的div！我可以添加$（“+id）.clone（）.appendTo（“新”+id）；在我的JavaScript函数中？