<!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(){
??????????????????
?????//?鼠標(biāo)移動改變背景,可以通過給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來改變所在行背景色。
????????var?list?=?document.getElementsByTagName("tr")
????????for(var?i?=?0;?i?<?list.length;?i++){
????????????list[i].onmouseover?=?function(){
????????????????this.style.backgroundColor?=?"red"
????????????}
????????????list[i].onmouseout?=?function(){
????????????????this.style.backgroundColor?=?"white"
????????????}
????????}
?????
?
?}
?????
??????//?編寫一個(gè)函數(shù)，供添加按鈕調(diào)用，動態(tài)在表格的最后一行添加子節(jié)點(diǎn)；
?????
????
??? ?
?????//?創(chuàng)建刪除函數(shù)
?????
??</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:;"?>刪除</a></td>???<!--在刪除按鈕上添加點(diǎn)擊事件??-->
???</tr>
???<tr>
<td>xh002</td>
<td>劉小芳</td>
<td><a?href="javascript:;"?>刪除</a></td>???<!--在刪除按鈕上添加點(diǎn)擊事件??-->
???</tr>??
???</table>
???<input?type="button"?value="添加一行"??/>???<!--在添加按鈕上添加點(diǎn)擊事件??-->
?</body>
</html>
2016-12-02
用list[i] 和用this本質(zhì)是一樣的，你去運(yùn)行一下就知道了。list[i]并不是整個(gè)表格，就是那一列。
2016-12-01
應(yīng)為this獲取的是當(dāng)前對象。
var tbody = document.getElementById('table').lastChild;這里獲取的是整個(gè)表格
如果你把this.style.backgroundColor ="#f2f2f2";改成這樣tbody.style.backgroundColor ="#f2f2f2";那整個(gè)表格就起作用了。
function Highlight(){
var tbody = document.getElementById('table').lastChild;
trs = tbody.getElementsByTagName('tr'); //獲取表格的行 ?
for(var i =1;i<trs.length;i++){ ? ? ? ? //然后遍歷每個(gè)行存放在數(shù)組trs[i]中
trs[i].onmouseover = function(){ ? ?//此時(shí)這里的trs[i]就相當(dāng)于對象了(因?yàn)閿?shù)組本身是對象)
this.style.backgroundColor ="#f2f2f2";//this是調(diào)用當(dāng)前對象的(當(dāng)鼠標(biāo)放到哪一行，當(dāng)前這一行就會觸發(fā)事件了)
}?
trs[i].onmouseout = function(){
this.style.backgroundColor ="#fff";
}?
} ?
}
我水平本身也有限，希望能幫到你