這里的obj怎么知道代表的就是<a>標簽呢？
function deleteRow(obj){
? ?var tbody = document.getElementById('table').lastChild; ?
var tr = obj.parentNode.parentNode;
這里的obj怎么知道代表的就是<a>標簽呢？
tbody.removeChild(tr);
}
慕運維2603834
2015-10-23
3 回答
舉報
0/150
提交
取消
2015-10-24
<!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(){ ? ?
Highlight(); ? ?
} ? ?
function addOne(obj){ ? ?
var tbody = document.getElementById('table').lastChild; ? ?
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='deleteRow(this)'>刪除</a>"; ? ?
tr.appendChild(td); ? ?
? ?
tbody.appendChild(tr); ? ?
Highlight(); ? ?
? } ? ?
function deleteRow(obj){ ? ?
var tbody = document.getElementById('table').lastChild; ? ?
var tr = obj.parentNode.parentNode; ? ?
tbody.removeChild(tr); ? ?
} ? ?
function Highlight(){ ? ?
var tbody = document.getElementById('table').lastChild; ? ?
trs = tbody.getElementsByTagName('tr'); ? ?
for(var i =1;i<trs.length;i++){ ? ?
trs[i].onmouseover = function(){ ? ?
this.style.backgroundColor ="#f2f2f2"; ? ?
} ? ?
trs[i].onmouseout = function(){ ? ?
this.style.backgroundColor ="#fff"; ? ?
} ? ?
} ? ?
} ? ?
</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:;" onclick="deleteRow(this)">刪除</a></td> ? ?
</tr> ? ?
<tr> ? ?
<td>xh002</td> ? ?
<td>劉小芳</td> ? ?
<td><a href="javascript:;" onclick="deleteRow(this)">刪除</a></td> ? ?
</tr> ? ? ?
</table> ? ?
<input type="button" value="添加一行" onclick="addOne()" /> ? ?
</body> ? ?
</html> ? ?
2015-10-24
傳參的時候，傳過來就行，比如，給這個a標簽一個id號a1，然后將document.getElementById("a1")作為參數傳給deleteRow函數，就可以了
2015-10-23
這個obj ?是function(obj){ ?}傳過來的參數而已。所以就看調用deleteRow方法時傳得那個參數值了