いままではcleateElementで要素を構築していましたが、cloneNodeを知ってしまった。
便利です。
【JavaScript】 DOM:要素の複製 cloneNode ( しゃいん☆のブログ| 名古屋市 Webシステム開発 サーバ構築 ネットワーク構築 株式会社コネクティボ )
cloneNode
<script type="text/javascript">
<!--
var count = 0;
function hoge() {
// クローン生成
tpl = document.getElementById('template01');
clone = tpl.cloneNode(true);
// idとdisplayの設定
clone.id = "dispData_" + count;
clone.style.display = "inline";
// 表示
base = document.getElementById('display_area')
base.appendChild(clone);
// カウンタアップ
count++;
}
//-->
</script>
<div id="template01" style="display:none;">
<img src="http://shain.blog.conextivo.com/images/js/human_b.gif">
</div>
<div id="display_area"></div>
<input type="button" value="画像を複製して表示" onClick="hoge()">