请教关于ajax的事件响应问题:请问这段代码有问题吗?
最近在学ajax,看到可以对页面的的事件进行编程响应,于是模拟写了个程序,但是执行的效果却不是我想像的那么简单。我的代码原意是div内的文本被鼠标点击后会显示它的id,但是实际上它并没有显示,以下是我的测试代码,我想请教一下专家,我的代码有什么问题?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>test of onclick</title>
<script language="javascript" type="text/javascript">
var MyObjects = new array();
function myObj(id)
{
this.uid = id;
MyObjects[this.uid] = this;
this.render();
}
myObj.prototype.foo = function()
{
alert(this.id);
}
myObj.prototype.render = function()
{
this.onclick = this.foo;
}
window.onload = function(){
var div = document.getElementById("a");
myObj(div.id);
// div.onclick = foo;
}
</script>
</head>
<body>
<div class="a" id="a" >aaaa</div>
</body>
</html>