add is not defined
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<table border="1" width="50%" id="table">
<tr>
<th>學(xué)號(hào)</th>
<th>姓名</th>
<th>操作</th>
</tr>
<tr>
<td>xh001</td>
<td>王小明</td>
<td>
<a href="javascript:;" onclick="remove(this)">刪除</a>
</td>
<!--在刪除按鈕上添加點(diǎn)擊事件? -->
</tr>
<tr>
<td>xh002</td>
<td>劉小芳</td>
<td>
<a href="javascript:;" onclick="remove(this)">刪除</a>
</td>
<!--在刪除按鈕上添加點(diǎn)擊事件? -->
</tr>
</table>
<input type="button" value="添加一行" onclick="add()"/>
<!--在添加按鈕上添加點(diǎn)擊事件? -->
</body>
</html>
<script type="text/javascript">
window.onload = function() {
// 鼠標(biāo)移動(dòng)改變背景,可以通過(guò)給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來(lái)改變所在行背景色。
var trlist = document.getElementsByTagName('tr');
for(var i = 0; i < trlist.length; i++) {
overobj(trlist[i])
}
function overobj(obj) {
obj.onmouseover = function() {
obj.style.backgroundColor = "#f2f2f2";
}
obj.onmouseout = function() {
obj.style.backgroundColor = "#fff";
}
}
// 編寫(xiě)一個(gè)函數(shù)，供添加按鈕調(diào)用，動(dòng)態(tài)在表格的最后一行添加子節(jié)點(diǎn)；
var num = 2
function add() {
num++
var tab = document.getElementById('table');
//? var tbodys = tab.childNodes[1];
//? console.log(tbodys);
var tr = document.createElement('tr');
var td1 = document.createElement('td');
var td2 = document.createElement('td');
var td3 = document.createElement('td');
var a = document.createElement('a');
a.href = "javascript:;";
td1.innerHTML = "xh00" + num;
td2.innerHTML = "笑話" + num;
a.innerHTML = "刪除";
a.setAttribute('onclick', 'remove(this)')
//? var tdtext = document.createTextNode('xh003');
//? td.appendChild(tdtext);
tab.appendChild(tr);
tr.appendChild(td1);
tr.appendChild(td2);
tr.appendChild(td3);
td3.appendChild(a);
var trlist = document.getElementsByTagName('tr');
//? console.log(trlist);
for(var i = 0; i < trlist.length; i++) {
overobj(trlist[i]);
console.log(trlist[i]);
}
}
// 創(chuàng)建刪除函數(shù)
function remove(obj) {
var tr = obj.parentNode.parentNode.parentNode;
console.log(tr);
tr.parentNode.removeChild(tr);
}
}
</script>
請(qǐng)問(wèn)一下，我這哪寫(xiě)錯(cuò)了啊？add? remove這兩個(gè)都報(bào)錯(cuò)
2019-02-27
話說(shuō)為什么window.onload去掉就行了，window.onload和調(diào)用函數(shù)不沖突吧
2019-02-19
可以了，感謝各位，window.onload去掉就好了