這樣寫可以嗎,如果有問題怎么改?
<!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 hang=document.getElementsByTagName("tr");
???? for(var i=0;i<hang.length;i++){
???????? hang[i].onmouseover=function(){
???????????? this.style.backgroundColor="#f2f2f2";
???????? }
???????? hang[i].onmouseout=function(){
???????????? this.style.backgroundColor="#fff";
???????? }
???? }?? ?
?}
???? function add(){
????????? var xh = document.getElementsByTagName("tr");
????????? var xhnum = xh.length;
????????? var hang=document.createElement("tr");
????????? var lie1=document.createElement("td");
????????? lie1.innerHTML = "xh00"+xhnum;
????????? var lie2=document.createElement("td");
????????? var lie3=document.createElement("td");
????????? var link=document.createElement("a");
????????? link.setAttribute("href","javascript:del(1);")
????????? link.innerHTML="刪除";
????????? var wai = document.getElementsByTagName("table");
????????? lie3.appendChild(link);
????????? hang.appendChild(lie1);
????????? hang.appendChild(lie2);
????????? hang.appendChild(lie3);
????????? wai[0].appendChild(hang);???? ?
????? }
???? function del(n){
???????? var a=document.getElementsByTagName("tr");
???????? a[n].parentNode.removeChild(a[n]);
???? }
? </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:del(1);" >刪除</a></td>?? <!--在刪除按鈕上添加點擊事件? -->
?? ??? </tr>
?? ??? <tr>
?? ??? ?<td>xh002</td>
?? ??? ?<td>劉小芳</td>
?? ??? ?<td><a href="javascript:del(2);" >刪除</a></td>?? <!--在刪除按鈕上添加點擊事件? -->
?? ??? </tr> ?
?? ??? </table>
?? ??? <input type="button" value="添加一行" onclick="add()" />?? <!--在添加按鈕上添加點擊事件? -->
?</body>
</html>
2016-08-09
加進去的行好像沒有做到換背景,可以直接把window.onload里的執(zhí)行代碼粘到add()最后,也可以這樣改
? ? ? window.onload = change; //函數(shù)名自定義
? ? ? ?function change(){ //執(zhí)行代碼
? ? ? ? ?}
? ? ?function add(){ //其他代碼
? ? ? ? ? change(); ? ? ?
? ? ? }?