<!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++){
?????????????
?????????????tr[i].onmouseover?=?function?(){
?????????????????
?????????????????this.style.backgroundColor="#f2f2f2";
?????????????}
?????????????tr[i].onmouseout?=?function?(){
?????????????????
?????????????????this.style.backgroundColor="#fff";
?????????????}
?????????}
?}
?????
??????//?編寫一個函數，供添加按鈕調用，動態在表格的最后一行添加子節點；
????function?addOne(){??
????????var?tr?=?document.createElement('tr');??
?
????????var?td?=?document.createElement("td");
????????td.innerHTML?=?"<input?type='text'/>";
????????tr.appendChild(td);
?
????????td?=?document.createElement("td");?????
????????td.innerHTML?=?"<input?type='text'/>";
????????tr.appendChild(td);
?
????????td?=?document.createElement("td");
????????td.innerHTML?=?"<a?href='javascript:;'?onclick='dele(this)'>刪除</a>";
????????tr.appendChild(td);???
????????
????????var?ta=document.getElementsByTagName("table")[0];
????????ta.appendChild(tr);???
????????Highlight();
??? }?
????
??? ?
?????//?創建刪除函數
?????function?dele(obj){
????????var?tr=obj.parentNode.parentNode;
????????tr.parentNode.removeChild(tr);
?????}
??</script>?
?</head>?
?<body>?
???<table?border="1"?width="50%"?id="table">
???<tr>
<th>學號</th>
<th>姓名</th>
<th>操作</th>
???</tr>??
???<tr>
<td>xh001</td>
<td>王小明</td>
<td><a?href="javascript:dele(this);"?>刪除</a></td>???<!--在刪除按鈕上添加點擊事件??-->
???</tr>
???<tr>
<td>xh002</td>
<td>劉小芳</td>
<td><a?href="javascript:dele(this);"?>刪除</a></td>???<!--在刪除按鈕上添加點擊事件??-->
???</tr>??
???</table>
???<input?type="button"?value="添加一行"?onclick="addOne()"?/>???<!--在添加按鈕上添加點擊事件??-->
?</body>
</html><td><a href="javascript:dele(this);" >刪除</a></td>這個語句為什么無效?應該可以這樣調用方法的不是么?<a href='javascript:;' onclick='dele(this)'>刪除</a> 用onclick事件是可以的沒錯,但是這樣顯得很繁瑣.
href="javascript:"與onclick="dele(this)"的問題
qq_甘蔗_0
2015-11-23 20:52:35
