DOM JavaScript 要素の複製
いままではcleateElementで要素を構築していましたが、cloneNodeを知ってしまった。
便利です。
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()">