<!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 trs = document.getElementsByTagName("tr");? ? trs = tbody.getElementsByTagName('tr'); ?? for(var i =1;i<trs.length;i++){ trs[i].onmouseover = function(){ this.style.backgroundColor ="#f2f2f2"; }? trs[i].onmouseout = function(){ this.style.backgroundColor ="#fff"; }? } ? } ? ? ? ? }? ? ?? ? ? // 編寫一個函數(shù)，供添加按鈕調(diào)用，動態(tài)在表格的最后一行添加子節(jié)點；? ? function addone(){? ? ? ? var tbody = document.getElementById('table').lastChild; ? var tr = document.createElement('tr'); ? ? var td = document.createElement("td"); td.innerHTML = "<input 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='del(this)'>刪除</a>"; tr.appendChild(td); ?? ? tbody.appendChild(tr); ?? ? bcColor()? ? ? ??? ? }?? ? ? ? ?? ? ?// 創(chuàng)建刪除函數(shù)? ? ?function del(obj)? ? ?{? ? ? ? ?var tr=obj.parentNode.parentNode;? ? ? ? ?tr.parentNode.removeChild(tr);? ? ?}?? </script>??</head>??<body>? ? <table border="1" width="50%" id="table"> ? <tr> <th>學號</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="addone()" ?/> ? <!--在添加按鈕上添加點擊事件 ?-->?</body></html>
有沒有人知道這個鼠標移動變背景色的代碼怎么改
hi_hello_world
2016-05-12 13:10:45
