怎么才创建 一个div 里面的内容要一样的


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>入住信息</title>
<style type="text/css">
*{
margin:0;
padding:0;
}
li{
list-style:none;
}
body {
font-size: 12px;
font-family: "微软雅黑";
}.ruzhu_juti{
width:1200px;
float:left;
margin-top: 20px;
margin-left: 40px;
display: inline;
}
 .ruzhu_juti .label_input{
width: 120px;
height: 24px;
border: 1px solid #DCDCDC;
margin-left: 10px;
}
.ruzhu_xinz{
width: 200px;
height: 30px;
float: left;
line-height: 30px;
text-align: center;
border-radius: 5px;
background: #00BCF3;
border: 1px solid #00BCF3;
color: #FFF;
font-size: 15px;
margin: 20px 60px;
display: inline;
cursor: pointer;
}
</style>
<script type="text/javascript">
window.onload=function()
{
var oTab = document.getElementById('juti');
var oBtn=document.getElementById('xinz');

oBtn.onclick=function()
{

var oDiv_sc=document.createElement('div');



oDiv_sc.innerHTML = '<a href="javascript:;">删除</a>'
    oDiv_cj.appendChild(oDiv_sc);

oDiv_sc.getElementsByTagName('a')[0].onclick = function() {
oDiv_cj.removeChild(this.parentNode); //删除节点
};
}
}
</script>
<body>
  <div id="juti" class="ruzhu_juti">
    <label>姓名：</label><input class="label_input" type="text"/>
   <label>手机号：</label><input class="label_input" type="text"/>
   <label>身份证号：</label><input class="label_input" type="text"/>
  </div>
  <div id="xinz" class="ruzhu_xinz">
   +新增人入住
  </div>
</body>
</html>请问下 这里要这么写才能创建 id=“juti”那个div 里面的内容要一样

解决方案 »

  1.   


    大虾 能不能具体点
    var item=document.getElementById("juti").cloneNode(true);
    ok啦
      

  2.   


    大虾 能不能具体点
    var item=document.getElementById("juti").cloneNode(true);
    ok啦window.onload=function()
    {
    var oTab=document.getElementById('juti');
    var oBtn=document.getElementById('xinz');

    oBtn.onclick=function()
    {
    var item=document.getElementById("juti").cloneNode(true);
    var oDiv_sc=document.createElement('div');
    oTab.appendChild(item);

    oDiv_sc.innerHTML = '<a style="float:left;" href="javascript:;">删除</a>'
        item.appendChild(oDiv_sc);

    oDiv_sc.getElementsByTagName('a')[0].onclick = function() {
    item.removeChild(this.parentNode); //删除节点
    };
    }
    }请问下  这样可以创建了  为什么按删除 删除不了创建的div  还有就是为什么不是一个一个创建div的
      

  3.   

    <div id="juti">
        <div class="ruzhu_juti">
            <label>姓名：</label><input class="label_input" type="text"/>
            <label>手机号：</label><input class="label_input" type="text"/>
            <label>身份证号：</label><input class="label_input" type="text"/>
            <a href="javascript:void(0)" onclick="del(this)">删除</a>
        </div>
    </div>
    <div id="xinz" class="ruzhu_xinz"> +新增人入住</div>
    <script type="text/javascript">
        var i= 0,oTab;
        window.onload=function(){
            oTab = document.getElementById('juti');
            document.getElementById('xinz').onclick=function(){
                oTab.appendChild(oTab.children[0].cloneNode(true));
                i++;
            }
        };
        function del(obj){
            i&&oTab.removeChild(obj.parentNode)&&i--;
        }
    </script>