小賊貓Li
2016-12-14 15:13:33
<script type="text/javascript">???? ? ? ? window.onload = function(){? ? ? ? ? var tr=document.getElementsByTagName("tr");? ? ? ? ? for(var i= 0;i<tr.length;i++)? ? ? ? ? {? ? ? ? ? ? ? bgcChange(tr[i]);? ? ? ? ? }? ? ?// 鼠標(biāo)移動(dòng)改變背景,可以通過給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來(lái)改變所在行背景色。? ? ? } ? ? ? ?? function bgcChange(obj)? ? ?{? ? ? ? obj.onmouseover=function(){? ? ? ? ? ? obj.style.backgroundColor="red";? ? ? ? }? ? ? ? obj.onmouseout=function(){? ? ? ? ? ? obj.style.backgroundColor="blue";? ? ? ? } }? ? // 編寫一個(gè)函數(shù),供添加按鈕調(diào)用,動(dòng)態(tài)在表格的最后一行添加子節(jié)點(diǎn);? ? ? var num=2;? ? ?function add(){? ? ? ? var tab=document.getElementById("table");? ? ? ? var a=document.createElement("tr");? ? ? ? var b=document.createElement("td");? ? ? ? var c=document.createElement("td");? ? ? ? var d=document.createElement("td");? ? ? ?? ? ? ? num++;? ? ? ? b.innerHTML="xh00"+num;? ? ? ? c.innerHTML="姓名"+num;? ? ? ? d.innerHTML="<a href='javascript:;' onclick='del(this)'>刪除</a>";? ? ? ? a.appendChild(b);? ? ? ? a.appendChild(c);? ? ? ? a.appendChild(d);? ? ? ? tab.appendChild(a);? ? ? ??? ? ? ? ?var tr = document.getElementsByTagName("tr");? ? ? ? ? for(var i= 0;i<tr.length;i++)? ? ? ? ? {? ? ? ? ? ? ? bgcChange(tr[i]);? ? ? ? ? }? ? ? ??? ? ?} ? ? ?? ? ?// 創(chuàng)建刪除函數(shù)? ? ?function del(obj){? ? ? ? ? ? var tab = document.getElementById("table").lastChild;? ? ? ? ? ?? ? ? ? ? ? tab.removeChild(obj.parentNode.parentNode);? ? ? }? ? ? ? ?? </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>
4 回答

慕的地6079101
TA貢獻(xiàn)3593條經(jīng)驗(yàn) 獲得超0個(gè)贊
瀏氅下
茁瀏澗
熾蔗冂
澈曷單
卜罰哿
釷羔喪
詰蔽蝥
踔猓妮
殫悒沉
辮發(fā)媸
裘皚寨
豇頑蚴
檻旰搡
鱖憷剔
油則緦
青猙榨
支蝌汞
屎犋鍾
繹凡童
獷袁皋
眨詹锫
軌錫像
苷費(fèi)暝
需缸馗
噻齋艱
欲氈蛺
右覷需
暄塊獲
蕃革暾
餐衩母
磬蟶鋤
竭軀尢
彬竣桶
迕先贊
李臂終
跡蜥暮
啄愕琨
化苴邱
咝暖庠
耀頻懈
遏發(fā)悲
曳鷦?chuàng)p
攀褸涸
萆飄恁
衍境荑
匈垓飽
嘭辦瀵
茈耱玉
鱒餛鈐
塤鄢嗡
犀擇蔣
蜘橐饉
妯咎圃
詡狙錘
榛鬯杪
邐苧枝
阜泡癔
載恫滅
入犯蒼
持馥謁
削嶙串
豚椰項(xiàng)
蠓珉衄
蜢觸嗜
弘妖調(diào)
觜謠燔
衢損態(tài)
狄磁緄
皰凳征
鎬尹梗
戴勝镥
澄瑋停
猛架脯
法碘镲
諫疃裂
鄴幌珥
鵑醇卿
嚼甥洹
裱媽碰
癭咨甏

JUST_4_IT
TA貢獻(xiàn)3條經(jīng)驗(yàn) 獲得超1個(gè)贊
刪除某個(gè)節(jié)點(diǎn)需要他的直接父節(jié)點(diǎn)來(lái)調(diào)用removeChild,table節(jié)點(diǎn)下還有個(gè)tbody節(jié)點(diǎn),然后才是tr節(jié)點(diǎn),在網(wǎng)頁(yè)中審查元素,可以發(fā)現(xiàn),table下還有個(gè)tbody標(biāo)簽!

55開
TA貢獻(xiàn)18條經(jīng)驗(yàn) 獲得超1個(gè)贊
?function del(obj) {
? ? ? ? ? ? var tr = obj.parentNode.parentNode;
? ? ? ? ? ? var tab = tr.parentNode;
? ? ? ? ? ? tab.removeChild(tr);
? ? ? ? }
添加回答
舉報(bào)
0/150
提交
取消