求問:為什么我這樣寫有問題?
<!DOCTYPE html>
<html>
?<head>
? <title> new document </title>??
? <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>? ?
? <script type="text/javascript">?
??
? ? ? window.onload = function(){
? ? ? ? ? ? ? ? ??
? ? ?// 鼠標移動改變背景,可以通過給每行綁定鼠標移上事件和鼠標移除事件來改變所在行背景色。
? ? ? ? var tr = document.getElementsByTagName("tr");
? ? ? ? for(var i=0;i<tr.length;i++){
? ? ? ? ? ? changeColor(tr[i]);
? ? ? ? ? ? clearColor(tr[i]);
? ? ? ? }
? ? ? ? function changeColor(a){
? ? ? ? a.onmouseover = function(){
? ? ? ? ? ? a.style.backgroundColor = "#f2f2f2";
? ? ? ? }
? ? }
? ? function clearColor(b){
? ? ? ? b.onmouseout = function(){
? ? ? ? ? ? b.style.backgroundColor = "#fff";
? ? ? ? }
? ? }
}
?
? ? ?
? ? ? // 編寫一個函數(shù),供添加按鈕調(diào)用,動態(tài)在表格的最后一行添加子節(jié)點;
? ? function addNode(){
? ? ? ? var newnode = document.createElement("tr");
? ? ? ? var newnode1 = document.createElement("th");
? ? ? ? var newnode2 = document.createElement("th");
? ? ? ? var newnode3 = document.createElement("th");
? ? ? ? var newnode4 = document.createElement("a");
? ? ? ? newnode4.href = "javascript:deleteNode(this);";
? ? ? ? var newTextNode = document.createTextNode("刪除");
? ? ? ? newnode4.appendChild(newTextNode);
? ? ? ? newnode3.appendChild(newnode4);
? ? ? ? newnode.appendChild(newnode1);
? ? ? ? newnode.appendChild(newnode2);
? ? ? ? newnode.appendChild(newnode3);
? ? ? ? var oldnode = document.getElementById("table");
? ? ? ? oldnode.appendChild(newnode);
? ? ? ? window.onload();
? ? }
? ?
? ? ?
? ? ?// 創(chuàng)建刪除函數(shù)
? ? function deleteNode(e){
? ? ? ? var deletenode = e.parentNode.parentNode;
? ? ? ? deletenode.parentNode.removeChild(deletenode);
? ? }
? </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:deleteNode(this);" onclick="" >刪除</a></td>? ?<!--在刪除按鈕上添加點擊事件? -->
? ?</tr>
? ?<tr>
<td>xh002</td>
<td>劉小芳</td>
<td><a href="javascript:deleteNode(this);" onclick="">刪除</a></td>? ?<!--在刪除按鈕上添加點擊事件? -->
? ?</tr>??
? ?</table>
? ?<input type="button" value="添加一行" onclick="addNode()" />? ?<!--在添加按鈕上添加點擊事件? -->
?</body>
</html>
2020-05-31
對對對