日期:2014-05-16  浏览次数:20385 次

怎么才创建 一个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 里面的内容要一样

------解决方案--------------------
<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"/>
 &