为什么这段脚本动态加载事件不成功？

代码：<html>
<head>
</head>
<body></body>
</html>
<script type="text/javascript">
var d;window.onload=getEvent;function getEvent(){
creatEl();
createEvent();

}creatEl=function(){
d=document.createElement('button');
d.setAttribute('id','btn');
document.body.appendChild(d);
d.innerText="button";
}createEvent=function(){
d.onClick=test;
}function test(){
alert("good");
}
</script>最后生成的HTML
<HTML><HEAD></HEAD>
<BODY>
<SCRIPT type=text/javascript>
var d;window.onload=getEvent;function getEvent(){
creatEl();
createEvent();

}creatEl=function(){
d=document.createElement('button');
d.setAttribute('id','btn');
document.body.appendChild(d);
d.innerText="button";
}createEvent=function(){
d.onClick=test;
}function test(){
alert("good");
}
</SCRIPT>
<BUTTON id=btn>button</BUTTON></BODY></HTML>test()没有注册到button的onclick事件，是什么原因呢？