<div class="con">
<h1>信息登记表</h1>
<label>姓名:</label><input type="text" value="" /><br />
<label>年龄:</label><input type="text" value="" /><br />
<label>专业:</label><input type="text" value="" /><br />
<button class="but1" onclick="tianjia()" >添加</button>
<button onclick="qs()">全部删除</button>
<button onclick="xzsc(this)">选中删除</button>
<button>编辑</button>
<button>完成</button><br />
<input type="text" value="" class="inp1" placeholder="请输入查找姓名" /><button>搜索</button>
</div>
<table border="1" id="table">
<thead>
<th><input type="checkbox" name="xuan" onclick="quanxuan()"/>全选</th>
<th>姓名</th>
<th>年龄</th>
<th>专业</th>
<th style="width: 200px;">登记时间</th>
<th>操作</th>
</thead>
</table>
</div>
<script type="text/javascript">
var numb = document.getElementsByTagName("input");
            var tabl = document.getElementById("table");
            var bT=document.getElementsByTagName("button");
function tianjia() {
var tr = document.createElement("tr");
var cH = document.createElement("td");
var xM = document.createElement("td");
var nL = document.createElement("td");
var zY = document.createElement("td");
var sJ = document.createElement("td");
var cZ = document.createElement("td");
tabl.appendChild(tr);
tr.appendChild(cH);
tr.appendChild(xM);
tr.appendChild(nL);
tr.appendChild(zY);
tr.appendChild(sJ);
tr.appendChild(cZ);
xM.innerHTML = numb[0].value;
numb[0].value = "";
nL.innerHTML = numb[1].value;
numb[1].value = "";
zY.innerHTML = numb[2].value;
numb[2].value = "";
shijian()
var oInp2=document.createElement("input");
oInp2.setAttribute('type','checkbox');
oInp2.setAttribute('name','cbx');
cH.appendChild(oInp2);
var flag=false;
           bT.onclick=function(){
if (oInp2[i].checked=flag) {
     tabl.removeChild(this.parentNode.parentNode)
  }
for (var i=0;i<tr.length;i++) {

if (i%2==0) {

tr[i].style.backgroundColor='pink';
} else{

tr[i].style.backgroundColor="black";
}
}

}

                var oInp=document.createElement("input");
                oInp.setAttribute('type','button');
                oInp.setAttribute('value','删除');
                cZ.appendChild(oInp);
                oInp.onclick=function(){
     tabl.removeChild(this.parentNode.parentNode)
    }
function shijian() {
var q = new Date();
var y = q.getFullYear();
var m = q.getMonth() + 1;
var d = q.getDate();
var h = q.getHours();
var f = q.getMinutes();
var s = q.getSeconds();
sJ.innerHTML = y + "/" + m + "/" + d + "/" + "&nbsp;" + h + ":" + f + ":" + s;
}
}
function quanxuan(){
       for (var i=0;i<numb.length;i++) {
        numb[i].checked=numb[4].checked;        }
}
function qs(){
var tr = document.getElementsByTagName("tr");
tabl.remove(tr);
}

解决方案 »

  1.   


    <div class="con">
    <h1>信息登记表</h1>
    <label>姓名:</label><input type="text" value="" /><br />
    <label>年龄:</label><input type="text" value="" /><br />
    <label>专业:</label><input type="text" value="" /><br />
    <button class="but1" onclick="tianjia()" >添加</button>
    <button onclick="qs()">全部删除</button>
    <button onclick="xzsc(this)">选中删除</button>
    <button>编辑</button>
    <button>完成</button><br />
    <input type="text" value="" class="inp1" placeholder="请输入查找姓名" /><button>搜索</button>
    </div>
    <table border="1" id="table">
    <thead>
    <th><input type="checkbox" name="xuan" onclick="quanxuan()"/>全选</th>
    <th>姓名</th>
    <th>年龄</th>
    <th>专业</th>
    <th style="width: 200px;">登记时间</th>
    <th>操作</th>
    </thead>
    </table>
    <script type="text/javascript">
    var numb = document.getElementsByTagName("input");
    var tabl = document.getElementById("table");
    var bT=document.getElementsByTagName("button");
    function tianjia() {
    var tr = document.createElement("tr");
    var cH = document.createElement("td");
    var xM = document.createElement("td");
    var nL = document.createElement("td");
    var zY = document.createElement("td");
    var sJ = document.createElement("td");
    var cZ = document.createElement("td");
    tabl.appendChild(tr);
    tr.appendChild(cH);
    tr.appendChild(xM);
    tr.appendChild(nL);
    tr.appendChild(zY);
    tr.appendChild(sJ);
    tr.appendChild(cZ);
    xM.innerHTML = numb[0].value;
    numb[0].value = "";
    nL.innerHTML = numb[1].value;
    numb[1].value = "";
    zY.innerHTML = numb[2].value;
    numb[2].value = "";
    shijian()
    var oInp2=document.createElement("input");
    oInp2.setAttribute('type','checkbox');
    oInp2.setAttribute('name','cbx');
    cH.appendChild(oInp2);
    var flag=false;
               bT.onclick=function(){
    if (oInp2[i].checked=flag) {
         tabl.removeChild(this.parentNode.parentNode)
      }
    for (var i=0;i<tr.length;i++) {if (i%2==0) {tr[i].style.backgroundColor='pink';
    } else{tr[i].style.backgroundColor="black";
    }
    }}var oInp=document.createElement("input");
    oInp.setAttribute('type','button');
    oInp.setAttribute('value','删除');
    cZ.appendChild(oInp);
    oInp.onclick = function(){
      tabl.removeChild(this.parentNode.parentNode)
    }
    function shijian() {
      var q = new Date();
      var y = q.getFullYear();
      var m = q.getMonth() + 1;
      var d = q.getDate();
      var h = q.getHours();
      var f = q.getMinutes();
      var s = q.getSeconds();
      sJ.innerHTML = y + "/" + m + "/" + d + "/" + "&nbsp;" + h + ":" + f + ":" + s;
    }
    }
    function quanxuan(){
      for (var i=0;i<numb.length;i++) {
        numb[i].checked=numb[4].checked;
      }
    }
    function qs(){
      var tr = document.getElementsByTagName("tr");
      tabl.remove(tr);
    }
    </script>错误已修复,记得加一个空值不可以添加的判断