首頁猿問 JS代碼求解答

JS代碼求解答

JavaScript

鄭創(chuàng)洲 2016-07-19 20:22:43

看到一段別人的代碼，如下：<!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 str_tr=document.getElementsByTagName('tr');? ? ? ?for(var i=0;i<str_tr.length;i++){? ? ? ? ? ?str_tr[i].setAttribute('onmouseover',document.all ? eval(function(){this.style.background="#f2f2f2"}) : 'javascript:this.style.background="#f2f2f2"');?? ? ? ? ? ?str_tr[i].setAttribute('onmouseout',document.all?eval(function(){this.style.background="#fff"}):'javascript:this.style.background="#fff"');? ? ? ?}? ? ? ? ? ? }? ? ?? ? ? // 編寫一個函數(shù)，供添加按鈕調(diào)用，動態(tài)在表格的最后一行添加子節(jié)點；? ? ? ? ? function addtr(){? ? ? ? var sNum=prompt('請輸入學(xué)號','');? ? ? ? var sName=prompt('請輸入姓名','');? ? ? ? if(sNum!=null&&sNum!=''&&sName!=null&&sName!=''){? ? ? ? ? ??? ? ? ? ? ? var newtr=document.createElement('tr');? ? ? ? ? ? var newtrS=newtr.innerHTML='<td>'+sNum+'</td>'+'<td>'+sName+'</td>'+'<td><a href="javascript:;" onclick="del(this)">刪除</a></td>';? ? ? ? ? ? var oTC=document.getElementById("table").lastChild;? ? ? ? ? ? oTC.appendChild(newtr);? ? ? ? ? ??? ? ? ? }else{alert('請重新輸入');}? ? ?}? ? ? ? ?? ? ?// 創(chuàng)建刪除函數(shù)? ? ?function del(obj){? ? ? ? ?var oG=obj.parentNode.parentNode.parentNode;? ? ? ? ?var oP=obj.parentNode.parentNode;? ? ? ? ?oG.removeChild(oP);? ? ?}? </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:;" onclick="del(this)">刪除</a></td> ?  ? </tr> ? <tr> <td>xh002</td> <td>劉小芳</td> <td><a href="javascript:;" onclick="del(this)" >刪除</a></td> ?  ? </tr> ? ? </table> ? <input type="button" value="添加一行" ?onclick="addtr()"/> ? ?</body></html>此處，看著一頭霧水，有誰幫忙詳細(xì)解答一下的嗎？謝謝。??for(var i=0;i<str_tr.length;i++){? ? ? ? ? ?str_tr[i].setAttribute('onmouseover',document.all ? eval(function(){this.style.background="#f2f2f2"}) : 'javascript:this.style.background="#f2f2f2"');?? ? ? ? ? ?str_tr[i].setAttribute('onmouseout',document.all?eval(function(){this.style.background="#fff"}):'javascript:this.style.background="#fff"');? ? ? ?}

查看完整描述