我自己只能想到這樣的方法寫出來，請(qǐng)大神們挑出錯(cuò)誤并指導(dǎo)
? ?var a = document.getElementsByTagName("tr");
? ? ? ? for(var i = 0;i<=a.length;i++){
? ? ? ? ? ? a[i].onmouseover = function(){ ?
? ? ? ? ? ? ? ? this.style.backgroundColor= ? ? "#f2f2f2";
? ? ? ? ? ? }
? ? ? ? ? ? a[i].onmouseout = function(){
? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? this.style.backgroundColor = "#fff";
? ? ? ? ? ? }
? ? ? ? ? ??
? ? ? ? }
? ? ?
?
}
? ? ?
? ? ? // 編寫一個(gè)函數(shù)，供添加按鈕調(diào)用，動(dòng)態(tài)在表格的最后一行添加子節(jié)點(diǎn)；
? ? function add(){
? ? ? ? var b = document.getElementById("table");
? ? ? ? var c = document.createElement("tr");
? ? ? ? var d = document.createElement("td");
? ? ? ? var e = document.createElement("td");
? ? ? ? var f = document.createElement("td");
? ? ? ? var g = document.createElement("a");
? ? ? ? d.innerHTML = "xh003";
? ? ? ? e.innerHTML = "張學(xué)友";
? ? ? ? g.innerHTML = "刪除";
? ? ? ? g.setAttribute("href","javascript:;")
? ? ? ? f.appendChild(g);
? ? ? ? c.appendChild(f);
? ? ? ? c.insertBefore(e,f);
? ? ? ? c.insertBefore(d,e);
? ? ? ? b.appendChild(c);
? ? ? ??
? ? ? ??
? ? }
? ?
? ? ?
? ? ?// 創(chuàng)建刪除函數(shù)
? ? function move(ev){
? ? ? ? var b = document.getElementById("table");
? ? ? ? var a = document.getElementsByTagName("a");
? ? ? ? for(var i = 0;i<=a.length;i++){
? ? ? ? ? ? b.removeChild(a[i])
? ? ? ? }
? ? ? ??
? ??
? ? ? ??
? ? }
現(xiàn)在的參考了一下，修改為這樣了（但是新增的刪除按鈕不好使）：
function add(ojg){
? ? ? ? var b = document.getElementById("table").lastChild;
? ? ? ? var c = document.createElement("tr");
? ? ? ? var d = document.createElement("td");
? ? ? ? var e = document.createElement("td");
? ? ? ? var f = document.createElement("td");
? ? ? ? var g = document.createElement("a");
? ? ? ? d.innerHTML = "xh003";
? ? ? ? e.innerHTML = "張學(xué)友";
? ? ? ? g.innerHTML = "<a>刪除</a>";
? ? ? ? g.setAttribute("href","javascript:;")
? ? ? ? g.onClick=function(){delLine(this);};
? ? ? ? f.appendChild(g);
? ? ? ? c.appendChild(f);
? ? ? ? c.insertBefore(e,f);
? ? ? ? c.insertBefore(d,e);
? ? ? ? b.appendChild(c);
? ? ? ? var aa = document.getElementsByTagName("tr");
? ? ? ? for(var i = 0;i<=aa.length;i++){
? ? ? ? ? ? aa[i].onmouseover = function(){ ?
? ? ? ? ? ? ? ? this.style.backgroundColor= ? ?"#f2f2f2";
? ? ? ? ? ? }
? ? ? ? ? ? aa[i].onmouseout = function(){
? ? ? ? ? ? ? ??
? ? ? ? ? ? ? ? this.style.backgroundColor = "#fff";
? ? ? ? ? ? }
? ? ? ? ? ??
? ? ? ? }
? ? }
? ? ? ??
? ?
? ? ?
? ? ?// 創(chuàng)建刪除函數(shù)
? ?function delLine(ojg){
? ? ? ??
? ? ? ? var del1=ojg.parentNode.parentNode.parentNode;
? ? ? ? ?var del2=ojg.parentNode.parentNode;
? ? ? ? ?del1.removeChild(del2);
? ? ? ? ??
?
? ?}
? </script>?
?</head>?
?<body>?
? <table border="1" width="50%" id="table">
? <tr>
<th>學(xué)號(hào)</th>
<th>姓名</th>
<th>操作</th>
? </tr> ?
? <tr>
<td>xh001</td>
<td>王小明</td>
<td><a href="javascript:;" onclick = "delLine(this)" >刪除</a></td> ? <!--在刪除按鈕上添加點(diǎn)擊事件 ?-->
? </tr>
? <tr>
<td>xh002</td>
<td>劉小芳</td>
<td><a href="javascript:;" onclick = "delLine(this)">刪除</a></td> ? <!--在刪除按鈕上添加點(diǎn)擊事件 ?-->
? </tr> ?
? </table>
? <input type="button" value="添加一行" onclick = "add(this)"/> ? <!--在添加按鈕上添加點(diǎn)擊事件 ?-->
2016-05-19
完全自己想的也挺好拉，我是基本沒頭緒，參照別人的寫的
你這個(gè)鼠標(biāo)移入還是做個(gè)函數(shù)吧，這樣新增的也能變色
另外新增的刪除按鈕是不是不好使？
<!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)移動(dòng)改變背景,可以通過給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來改變所在行背景色。 ????????var?m=document.getElementsByTagName("tr") ????????for(var?i=0;i<m.length;i++){ ????????????bgc(m[i]) ?} } ????????function?bgc(obj){ ????????????obj.onmouseover=function(){ ????????????????obj.style.backgroundColor="#f2f2f2" ????????????} ????????????obj.onmouseout=function(){ ????????????????obj.style.backgroundColor="#fff" ????????????} ????????} ??????//?編寫一個(gè)函數(shù)，供添加按鈕調(diào)用，動(dòng)態(tài)在表格的最后一行添加子節(jié)點(diǎn)； ??????var?num?=?2 ?????function?add(){ ???????? ?????????num++; ?????????var?tr?=?document.createElement("tr"); ?????????var?td1?=?document.createElement("td"); ?????????var?td2?=?document.createElement("td"); ?????????var?del?=?document.createElement("td"); ?????????td1.innerHTML?="xh00"+num; ?????????del.innerHTML?=?"<a?href?=?javascript:;?onclick='del(this)'>刪除</a>" ?????????tr.appendChild(td1); ?????????tr.appendChild(td2); ?????????tr.appendChild(del); ?????????var?table=document.getElementById("table"); ?????????table.appendChild(tr) ?????????var?trbgc?=?document.getElementsByTagName("tr"); ?????????for(var?i=0;i<trbgc.length;i++){ ?????????????bgc(trbgc[i]) ?????????} ?????} ???? ??? ? ?????//?創(chuàng)建刪除函數(shù) ?????function?del(obj){ ?????????var?re?=?obj.parentNode.parentNode ?????????re.parentNode.removeChild(re); ?????} ??</script>? ?</head>? ?<body>? ???<table?border="1"?width="50%"?id="table"> ???<tr> <th>學(xué)號(hào)</th> <th>姓名</th> <th>操作</th> ???</tr>?? ???<tr> <td>xh001</td> <td>王小明</td> <td><a?href="javascript:;"?onclick='del(this)'?>刪除</a></td>???<!--在刪除按鈕上添加點(diǎn)擊事件??--> ???</tr> ???<tr> <td>xh002</td> <td>劉小芳</td> <td><a?href="javascript:;"?onclick='del(this)'?>刪除</a></td>???<!--在刪除按鈕上添加點(diǎn)擊事件??--> ???</tr>?? ???</table> ???<input?type="button"?value="添加一行"?onclick="add()"?/>???<!--在添加按鈕上添加點(diǎn)擊事件??--> ?</body> </html>