<td><a?href="javascript:;"?onclick="del(this)"?>刪除</a></td>?//這一句里不加this點擊刪除無反應(yīng),加了就可以運行了
完整代碼如下:
<!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?trs=document.getElementsByTagName("tr");
????????????for?(var?i=0;i<trs.length;i++){
????????????????change(trs[i]);
????????????}};
????????????//?鼠標移動改變背景,可以通過給每行綁定鼠標移上事件和鼠標移除事件來改變所在行背景色。
????????????function?change(obj){
????????????????obj.onmouseover=function?mouseover(){
????????????????????obj.style.backgroundColor="#f2f2f2";
????????????????};
????????????????obj.onmouseout=function?mouseout(){
????????????????????obj.style.backgroundColor="#fff";
????????????????}}
????????//?編寫一個函數(shù),供添加按鈕調(diào)用,動態(tài)在表格的最后一行添加子節(jié)點;
????????var?num=2;
????????function?addTr(){
????????????num++;
????????????var?newTr=document.createElement("tr");
????????????var?td1=?document.createElement("td");
????????????var?td2=?document.createElement("td");
????????????var?td3=?document.createElement("td");
????????????td1.innerHTML="xh00"+num;
????????????td2.innerHTML="No."+num;
????????????td3.innerHTML=document.getElementsByTagName("td")[2].innerHTML;
????????????newTr.appendChild(td1);
????????????newTr.appendChild(td2);
????????????newTr.appendChild(td3);
????????????document.getElementById("table").appendChild(newTr);
????????????var?tr?=?document.getElementsByTagName("tr");
????????????for(var?i=?0;i<tr.length;i++)?{
????????????????change(tr[i]);
????????????}}
????????//?創(chuàng)建刪除函數(shù)
????????function?del(obj){
??????????var?addTr=obj.parentNode.parentNode;
??????????addTr.parentNode.removeChild(addTr);
????????}
????</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"onclick="addTr()"?value="添加一行"??/>???<!--在添加按鈕上添加點擊事件??-->
</body>
</html>
2019-03-17
function del(obj) 里面是有參數(shù)的,調(diào)用的時候也必須由參數(shù),而this在此指的本身即a標簽