                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

新建行鼠標經過沒有顏色怎么回事？

<!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(){
?????????????????
???? // 鼠標移動改變背景,可以通過給每行綁定鼠標移上事件和鼠標移除事件來改變所在行背景色。
??? var trlist= document.getElementsByTagName("tr");
??for(var i=1;i<trlist.length;i++){
??? ? trlist[i].onmouseover=function(){
????????? this.style.backgroundColor="#ff00ff";??
??? ? }??
???????? trlist[i].onmouseout=function(){
???????????? this.style.backgroundColor="#fff";
???????? }
??}
? }
????
????? // 編寫一個函數，供添加按鈕調用，動態在表格的最后一行do添加子節點
??? function increase(){
??? var tbody=document.getElementById("table").lastChild;
??? var tr=document.createElement("tr");
??? var td=document.createElement("td");
??????? td.innerHTML="<inpue 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='removetr(this)'>刪除</a>";
??????? tr.appendChild(td);
???????
??????? tbody.appendChild(tr);
??? }
???? // 創建刪除函數
??? function removetr(obj){
??? var tbody=document.getElementById("table").lastChild;
??? var tr=obj.parentNode.parentNode;
??????? tbody.removeChild(tr);
??? }