首頁猿問加粗斜體這段代碼為什么不能使表格新...

加粗斜體這段代碼為什么不能使表格新增一行啊，我實在找不到錯誤啊，求大神解答！

JavaScript

阿爾卑斯山車神 2016-05-03 14:14:07

查看完整描述

2 回答

已采納

fordC

TA貢獻(xiàn)8條經(jīng)驗獲得超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("請輸入你的學(xué)號", "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);

? ? ? ?}
? ? ? ?// 編寫一個函數(shù)，供添加按鈕調(diào)用，動態(tài)在表格的最后一行添加子節(jié)點；
function del(a) {
? ? ? ? ? ?var ta = a.parentNode.parentNode.parentNode;
? ? ? ? ? ?var tb = a.parentNode.parentNode;
? ? ? ? ? ?ta.removeChild(tb);

? ? ? ?}// 創(chuàng)建刪除函數(shù)

</script>
</head>
<body>
<table border="1" width="50%" id="table">
? ?<tr>
? ? ? ?<th>學(xué)號</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>