< ! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd" >
< html>
< head> < meta http- equiv= "Content-Type" content= "text/html; charset=UTF-8" > < title> 添加删除记录练习< / title> < link rel= "stylesheet" type= "text/css" href= "../../../day15/source/day15/ex_2_style/css.css" / > < script type= "text/javascript" > window. onload = function ( ) { var allA = document. getElementsByTagName ( "a" ) ; for ( var i= 0 ; i < allA. length ; i++ ) { allA[ i] . onclick = function ( ) { var tr = this . parentNode. parentNode; var name = tr. children[ 0 ] . innerHTML; var flag = confirm ( "确认删除" + name+ "吗?" ) ; if ( flag) { tr. parentNode. removeChild ( tr) ; } return false ; } ; } } ; < / script>
< / head>
< body> < table id= "employeeTable" > < tr> < th> Name< / th> < th> Email< / th> < th> Salary< / th> < th> & nbsp; < / th> < / tr> < tr> < td> Tom< / td> < td> tom@tom . com< / td> < td> 5000 < / td> < td> < a href= "javascript:;" > Delete< / a> < / td> < / tr> < tr> < td> Jerry< / td> < td> jerry@sohu . com< / td> < td> 8000 < / td> < td> < a href= "deleteEmp?id=002" > Delete< / a> < / td> < / tr> < tr> < td> Bob< / td> < td> bob@tom . com< / td> < td> 10000 < / td> < td> < a href= "deleteEmp?id=003" > Delete< / a> < / td> < / tr>
< / table> < div id= "formDiv" > < h4> 添加新员工< / h4> < table> < tr> < td class = "word" > name: < / td> < td class = "inp" > < input type= "text" name= "empName" id= "empName" / > < / td> < / tr> < tr> < td class = "word" > email: < / td> < td class = "inp" > < input type= "text" name= "email" id= "email" / > < / td> < / tr> < tr> < td class = "word" > salary: < / td> < td class = "inp" > < input type= "text" name= "salary" id= "salary" / > < / td> < / tr> < tr> < td colspan= "2" align= "center" > < button id= "addEmpButton" value= "abc" > Submit< / button> < / td> < / tr> < / table> < / div> < / body>
< / html>