完全對照答案寫的但是還是沒反應(yīng)是為什么？？
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<title>無標(biāo)題文檔</title>
<script type="text/javascript">
?window.onload=function(){
??var tr=document.getElementsByTagName("tr");??
??for(var i=0;i<tr.length;i++)
??{
??tr[i].style.backgroundColor="pink";???
??bgcchange(tr[i]);
??}
?}
?function bgcchange(obj){
??obj.onmouseover=function(){?
???obj.style.backgroundColor="#F2ACAC";
??}
?}
?var num=2;
?function add(){
??num++;
??var tr=document.createElement("tr");
??var xd=doucment.createElement("td");
??var xm=doucment.createElement("td");????
???? xd.innerHTML="xh00"+num;????
??xm.innerHTML="第"+num+"個學(xué)生"；
??var del=doucment.createElement("td");
??del.innerHTML="<a href='javascript:;' onclick='del(this)' >刪除</a>";?
??var tab=document.getElementById("table");
??tab.appendChild(tr);
??tr.appendChild(xd);
??tr.appendChild(xm);
??tr.appendChild(del);??
??var tr=document.getElementsByTagName("tr");
??for(var j=0;j<tr.length;j++)
???{bgcchange(tr[j]);}
?}
?function del(obj)??
?{
??var tr=obj.parentNode.parentNode;
???????? tr.parentNode.removeChild(tr);??
?}
?</script>
</head>
<body>
<table width="50%" border="1" id="table">?? <!----50%是相對頁面的寬度，border是邊框--->
?<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>??
??? </table>
??? <input type="button" onclick="add()" value="添加一行">
</body>
</html>
2019-07-18
沒寫鼠標(biāo)移開事件,所以鼠標(biāo)移開沒反應(yīng)
這一塊的document拼錯了
這一個分號是中文的