加粗斜体这段代码为什么不能使表格新增一行啊，我实在找不到错误啊，求大神解答！

查看完整描述

2 回答

已采纳

fordC

TA贡献8条经验获得超6个赞

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript">

window.onload = function () {

var aoba = document.getElementsByTagName("tr");
for (var i = 0; i < aoba.length; i++) {
var chan = aoba[i];
changeB(chan);
}
function changeB(chan) {
chan.onmouseover = function () {
chan.style.backgroundColor = "orange";
}
chan.onmouseout = function () {
chan.style.backgroundColor = "white";
}
}
}

function create() {
var xh = prompt("请输入你的学号", "xh000");
var xm = prompt("请输入你的名字");
var tr = document.createElement("tr");
var td = document.createElement("td");
var td1 = document.createElement("td");
var td2 = document.createElement("td");
var tb = document.getElementById("table").lastChild;
tb.appendChild(tr);
td.innerHTML = xh;
td1.innerHTML = xm;
td2.innerHTML = "<a href='javascript:;' onclick='del(this)' >删除</a>";
tr.appendChild(td);
tr.appendChild(td1);
tr.appendChild(td2);

}
// 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；
function del(a) {
var ta = a.parentNode.parentNode.parentNode;
var tb = a.parentNode.parentNode;
ta.removeChild(tb);

}// 创建删除函数

</script>
</head>
<body>
<table border="1" width="50%" id="table">
<tr>
<th>学号</th>
<th>姓名</th>
<th>操作</th>
</tr>

<tr>
<td>xh001</td>
<td>王小明</td>
<td><a href="javascript:;" onClick="del(this)">删除</a></td>

</tr>

<tr>
<td>xh002</td>
<td>刘小芳</td>
<td><a href="javascript:;" onclick="del(this)">删除</a></td>

</tr>

</table>
<input type="button" value="添加一行" onclick="create()"/> 
</body>
</html>

---------------------------

标粗的地方，原来函数写错的。以上是正确的。

1 反对回复 2016-05-03

阿尔卑斯山车神
自己今天早上也发现了大写L了。。太愚蠢了

回复 2016-05-04

热搜

最近搜索清空

加粗斜体这段代码为什么不能使表格新增一行啊 ，我实在找不到错误啊，求大神解答！

加粗斜体这段代码为什么不能使表格新增一行啊 ，我实在找不到错误啊，求大神解答！

2 回答

添加回答

加粗斜体这段代码为什么不能使表格新增一行啊，我实在找不到错误啊，求大神解答！

加粗斜体这段代码为什么不能使表格新增一行啊，我实在找不到错误啊，求大神解答！