私は自分のウェブサイトに2つの特定の部門を持っています。どちらも同じCSSプロパティを持っていますが、そのうちの1つは24個のdivを保持しています。私はこのdivのすべてをもう一方のダイビングにコピーして欲しい。 これはどのように見えるかです：だから私は、ページのロード時mydiv1をwithing 24のdiv要素のすべてがmydiv2にコピーしたい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>
。事前に
おかげで
まず我々は
var firstDivContent = document.getElementById('mydiv1');
var secondDivContent = document.getElementById('mydiv2');
今だけmydiv2にmydiv1の内容を割り当てる（オプション）変数にdivを割り当てています。
secondDivContent.innerHTML = firstDivContent.innerHTML;
DEMO http://jsfiddle.net/GCn8j/
COMPLETE CODE
<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>
var divs = document.getElementById('mydiv1').innerHTML;
document.getElementById('mydiv2').innerHTML= divs;
jqueryの代わりにcloneを使用して、ターゲットのdivに入れることができます。例：
$('#mydiv1').clone().appendTo('#mydiv2');
コピー#mydiv1
#mydiv2には、その上のVaRのfirstDivContentとを忘れないでください。変数をグローバルスコープに公開するのは悪い習慣です –これは実際にはうまくいかず、 'innerHTML'は要素のプロパティへの参照ではなく文字列を返します –
@EricHerlitz' var'について警告してくれてありがとう。 –