ajax 工具提示 109行报错缺少对象

//////ToolTipServlte.jsp 
package toolTip;import java.io.IOException;
import java.io.PrintWriter;
import java.util.HashMap;
import java.util.Map;import javax.servlet.ServletConfig;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;public class ToolTipServlet extends HttpServlet {
private class CourseData
{
private int par;
private int length;
public CourseData(int par,int length){
this.par = par;
this.length = length;
}
public  int getPar(){
return this.par;
}
public int getLength(){
return this.length;
}
}

private Map courses = new HashMap();

/**
 * Constructor of the object.
 */
public ToolTipServlet() {
super();
} /**
 * Destruction of the servlet. <br>
 */
public void destroy() {
super.destroy(); // Just puts "destroy" string in log
// Put your code here
} /**
 * The doGet method of the servlet. <br>
 *
 * This method is called when a form has its tag value method equals to get.
 * 
 * @param request the request send by the client to the server
 * @param response the response send by the server to the client
 * @throws ServletException if an error occurred
 * @throws IOException if an error occurred
 */
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setHeader("Cache-Control","no-cache");
response.setContentType("text/xml");
PrintWriter out = response.getWriter();
Integer key = Integer.valueOf(request.getParameter("key"));
CourseData data= (CourseData) courses.get(key);
out.write("<response>");
out.write("<par>" + data.getPar() + "</par>");
out.write("<length>" + data.getLength() + "</length>");
out.write("</response>");
//out.println("<response>");
//out.println("<par>" + data.getPar() + "</par>");
//out.println("<length>" + data.getLength() + "</length>");
//out.println("</response>");
out.close();
} public void init(ServletConfig config) throws ServletException {
CourseData augusta = new CourseData(72,7290);
CourseData pinhurst = new CourseData(70,7214);
CourseData standrews = new CourseData(72,6566);
CourseData baltusrol = new CourseData(70,7392);
courses.put(new Integer(1),augusta);
courses.put(new Integer(2),pinhurst);
courses.put(new Integer(3),standrews);
courses.put(new Integer(4),baltusrol);

}}
////////////index.jsp
<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>"> <title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<title>Ajax Tool tip</title>
<script type="text/javascript">  
var xmlHttp;
var dataDiv;
var dataTable;
var dataTableBody;
var offsetE1;

function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
//alert("ok");
}
else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}

function initVars(){
dataTableBody = document.getElementById("courseDataBody");
dataTable = document.getElementById("courseData");
dataDiv = document.getElementById("popup");
}
function getCourseData(element){
initVars();
createXMLHttpRequest();
offsetE1 = element;
var url = "ToolTipServlet?key="+escape(element.id);
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange = callback;
xmlHttp.send(null);
}
function callback(){
if(xmlHttp.readyState == 4){
if(xmlHttp.status == 200){
//alert(courseData.getElementsByTagName("length")[0]);
setData(xmlHttp.responseXML);
}
}
}
function setData(courseData){
clearData();
setoffsets();
var length= courseData.getElementsByTagName("length")[0].firstChild.data;
var par = courseData.getElementsByTageName("par")[0].firstChild.data;
var row,row2;
var parData = "Par:"+par;
var lengthData = "Length:" + length;

row = createRow(parData);
row2 = createRow(lengthData);

dataTableBody.appendChild(row);
dataTableBody.appendChild(row2);
}
function createRow(data){
var row,cell,txtNode;
row = document.createElement("tr");
cell = document.createElement("td");
cell.setAttribute("bgcolor","#FFAFA");
cell.setAttribute("border","0");
txtNode = document.createTextNode(data);
cell.appendChild(txtNode);
row.appendChild(cell);
return row;
}
function setOffsets(){
var end = offsetE1.offsetWidth;
var top = calulateOffsetTop(offsetE1);
dataDiv.style.border = "black 1px solid";
dataDiv.style.left = end + 15 + "px";
dataDiv.style.top = top + "px";
}
function calulateOffsetTop(field){
return calulateOffset(field,"offsetTop");
}
function calulateOffset(field,attr){
var offset = 0;
while(field){
offset += field[attr];
field = field.offsetParent;
}
return offset;
}
function clearData(){
//alert(dataTableBody.childNodes.length);
var ind = dataTableBody.childNodes.length;
if(ind>=0){
for(var i = ind-1; i>=0; i--){
dataTableBody.removeChild(dataTableBody.childNodes[i]);
}
dataDiv.style.border  = "none";
}
}
</script>
</head> <body>
<h1>
Ajax Tool Tip Example
</h1>
<h3>
Golf Courses
</h3>
<table id="courses" bgcolor="#FFAFA" border="1" cellpadding="2"
cellspacing="0">
<tbody>
<tr>
<td id="1" onmouseover="getCourseData(this);"
onmouseout="clearData();">
Augusta National
</td>
</tr>
<tr>
<td id="2" onmouseover="getCourseData(this);"
onmouseout="clearData();">
Pinehuest No.2
</td>
</tr>
<tr>
<td id="3" onmouseover="getCourseData(this);"
onmouseout="clearData();">
St. Andrews Links
</td>
</tr>
<tr>
<td id="4" onmouseover="getCourseData(this);"
onmouseout="clearData();">
Baltusrol Golf Club
</td>
</tr>
</tbody>
</table>
<div>
<table id="courseData" bgcolor="#FFAFA" border="0" cellspacing="2"
cellpadding="2">
<tbody id="courseDataBody">

</tbody>
</table>
</div>
</body>
</html>
高人来帮我看看吧，我是看了一天也没看出来。