<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 + "/" + " " + 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);
}
<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 + "/" + " " + 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);
}
<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 + "/" + " " + 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>错误已修复,记得加一个空值不可以添加的判断