                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

代碼要求都實(shí)現(xiàn)了，希望能幫到你們

<!DOCTYPE html>
<html>
?<head>
? <title> new document </title>?
? <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>??
? <style type="text/css">
?????? #select{
?????????? background:#f2f2f2;
?????? }
? </style>
?
? <script type="text/javascript">
? //添加一行函數(shù)
??? function add(){
???????? var Table=document.getElementById("table");
???????? var newnode=document.createElement("tr");
???????? var num=prompt("請(qǐng)輸入需學(xué)號(hào)：");
???????? var name=prompt("請(qǐng)輸入名字：");
???????? var first=document.createElement("td");
???????? var second=document.createElement("td");
???????? var third=document.createElement("td");
???????? var a=document.createElement("a");
???????? a.innerHTML="刪除";
???????? a.href="javascript:;";
???????? first.innerHTML=num;
???????? second.innerHTML=name;
???????? third.appendChild(a);
???????? newnode.appendChild(first);
???????? newnode.appendChild(second);
???????? newnode.appendChild(third);
???????? Table.appendChild(newnode);
???????? onload1();
???????? onload2();
???? }
??????????
???? // 創(chuàng)建刪除函數(shù)
????? function onload1(){

???????? var Table=document.getElementById("table");
???????? var Del=Table.getElementsByTagName("a");
???????? for(var i=0;i<Del.length;i++)
???????? {
???????????? Del[i].onclick=function()
???????????? {
???????????????? var fat=this.parentNode;
???????????????? var grad=fat.parentNode;
???????????????? var ggrad=grad.parentNode;
???????????????? var message=confirm("確定刪除？");
???????????????? if(message==true){
??????????????????? var de=ggrad.removeChild(grad);
???????????????? }
???????????? }
???????? }
???? }
???? //鼠標(biāo)滑過(guò)的背景顏色
???? function onload2(){
??????? var trs=document.getElementsByTagName("tr");
???????
????????? for(var i=0;i<trs.length;i++)
????????? {
????????????? trs[i].onmouseover=function()
????????????? {
????????????????? //alert(trs.length);
????????????????? this.id="select";
????????????? }
????????????? trs[i].onmouseout=function()
????????????? {
????????????????? this.id="";
????????????? }
????????? }
??? }
??? window.onload=function()//以此來(lái)實(shí)現(xiàn)雙重加載
??? {
??????? onload1();
??????? onload2();
??? }
?
???? </script>
?</head>
?<body>
??? <table border="1" width="50%" id="table">
??? <tr>
??<th>學(xué)號(hào)</th>
??<th>姓名</th>
??<th>操作</th>
??? </tr>?