初学js，请教如下程序，该怎么改，实现删除书籍功能？！！！！！！！！！！！

代码是在太乱了，没有一行缩进
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档 </title>
<script language="javascript" type="text/javascript">
function $(id){
return document.getElementById(id);
}var books =new Array();
var id;
var bookName;
var bookWorker;
var publishTime;
function getBookMessage(){
id = $("bookId").value;
bookName = $("bookName").value;
bookWorker = $("bookWorker").value;
publishTime = $("publishTime").value;
}var t ;
function addBook(){
getBookMessage();
t = $("booksList");
t.border =1+"px";
var tb = document.createElement("tbody");
var tr = document.createElement("tr");
var td1 = document.createElement("td");
td1.width = 100+"px";
td1.appendChild(document.createTextNode(id));
var td2 = document.createElement("td");
td2.width = 100+"px";
td2.appendChild(document.createTextNode(bookName));
var td3 = document.createElement("td");
td3.width = 100+"px";
td3.appendChild(document.createTextNode(bookWorker));
var td4 = document.createElement("td");
td4.width = 100+"px";
td4.appendChild(document.createTextNode(publishTime));
var td5 = document.createElement("td");
td5.width = 100+"px";
var input =document.createElement("input");
input.type ="button";
input.value = "删除";
input.onclick =deleteBook;
td5.appendChild(input);
tr.appendChild(td1);
tr.appendChild(td2);
tr.appendChild(td3);
tr.appendChild(td4);
tr.appendChild(td5);
tb.appendChild(tr);
t.appendChild(tb);
}function deleteBook(e){
var evt=e||window.event;
var srcEl=evt.target||evt.srcElement;
var oTr=srcEl.parentNode.parentNode;

oTr.parentNode.removeChild(oTr);
}
</script>
</head><body>
<table align="left">
<tr>
<td>ID: </td>
<td> <input id="bookId" type="text" size="20" /> </td>
</tr>
<tr>
<td>书名： </td>
<td> <input id="bookName" type="text" size="20" /> </td>
</tr>
<tr>
<td>作者： </td>
<td> <input id="bookWorker" type="text" size="20" /> </td>
</tr>
<tr>
<td>出版时间： </td>
<td> <input id="publishTime" type="text" size="20" /> </td>
</tr>
<tr>
<td colspan="2"> <input id="addbook" type="button" value="增加书籍" onclick="addBook()"/> </td>
</tr>
</table>
<table border="1"align="center">
<tr>
<table id="table1" border="1" >
<tr> <td>ID </td> <td>书名 </td> <td>作者 </td> <td>出版时间 </td> <td>删除与否 </td>
</tr>
</table>
</tr>
<tr>
<table id="booksList">
</table>
</tr>
</table>
</body>
</html>