javascript动态创建html问题(急)

Question

各位高手,我想请问一下我想用javascript动态创建HTML,我的做法是:通过一个文本输入数字,然后按确定按钮来循环这个层
<div class="contents" id="contents">
                  <div class="picture">
                      <div>
                          <p>
                             <small>标题：</small>
                             <span><input class="text2" name="title" id="title" type="text" /><a id="picture" href="#">添加或修改图片</a></span>
                          </p>
                      </div>
                      <div class="add_picture">
                           <p>
                               <small>本地上传：</small>
                               <span>
                                    <input class="text2" name="" type="text" />
                                    <input class="bnt2" type="button" value="浏览" />
                               </span>
                           </p>
                           <p>
                               <small>图片说明：</small>
                               <span><input class="text2" name="Photo_Caption" id="Photo_Caption" type="text" />限20个汉字</span>
                           </p>
                           <p>
                               <small>图片预览：</small><img src="<?php echo $this->sysinfo['img_url']?>/img/baike/img1.jpg" />
                           </p>
                           <div class="button">
                                <input class="bnt2" type="button" value="确认" />
                                <input id="cancel2" class="bnt2" type="button" value="取消" />
                           </div>
                      </div>
                  </div>
                  <div class="text_content">
                      <div class="text_left">内容：</div>
                      <div class="text_right"><textarea ></textarea></div>
                  </div>                 
              </div>
:我的JS写法如下,意思是如果文本输入数字是5,按确定按钮,就复制并粘贴上面那层5次
<script type="text/javascript"> 
var o = document.body;
//循环层
function createDiv(text)
{   
var r=document.Edit_form.add_directory.value
    var contents=document.getElementById("contents")
    for(var i=1;i<=r;i++)
    {
         var CopyDiv = document.createElement("CopyDiv");
         CopyDiv.innerHTML=i+"";   
         contents.appendChild(CopyDiv); 
         o.appendChild(contents);
    }
     
}
</script>