我的网站上有两个div.它们共享相同的css属性,但其中一个拥有24个其他div.我想将所有这24个div复制到另一个div中.这是它的样子:
<div id="mydiv1">
<div id="div1">
</div>
</div id="div2>
</div>
//and all the way up to div 24.
</div>
<div id="mydiv2">
</div>
我希望在页面加载时将mydiv1中的所有24个div复制到mydiv2中.
提前致谢
Ayc*_*şıt 19
首先我们将div分配给变量(可选)
var firstDivContent = document.getElementById('mydiv1');
var secondDivContent = document.getElementById('mydiv2');
现在只需将mydiv1的内容分配给mydiv2.
secondDivContent.innerHTML = firstDivContent.innerHTML;
完整的代码
<html>
<head>
<script type="text/javascript">
function copyDiv(){
var firstDivContent = document.getElementById('mydiv1');
var secondDivContent = document.getElementById('mydiv2');
secondDivContent.innerHTML = firstDivContent.innerHTML;
}
</script>
</head>
<body onload="copyDiv();">
<div id="mydiv1">
<div id="div1">
</div>
<div id="div2">
</div>
</div>
<div id="mydiv2">
</div>
</body>
</html>
Rah*_*thi 10
您可以使用jquery 的.ready()事件
jQuery(document).ready(function() {
jQuery('.div1').html(jQuery("#div2").html());
}
也是一个有效的DEMO.
| 归档时间： |
|
| 查看次数： |
53473 次 |
| 最近记录： |