刚开始学JS，然后网站中需要一个效果，就是点击左边DIV里的超链接，然后把这个超链接的内容（也就是之间的内容）显示在另一个DIV里面，求助前辈~~为什么我写的出不来呢？
<!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=utf-8" />
<title>无标题文档</title>
<style>
#div0{
width:700px;
height:500px;
border:3px #000000 solid;}
#div1{
width:300px;
height:200px;
float:left;
background-color:#CCCCCC;}
#div2{
width:300px;
height:200px;
float:right;
background-color:#F00;}
</style>
<script type="text/javascript">
window.onload=function(){
var oto1=document.getElementById('div1');
var oto2=oto1.getElementsByTagName('li');
var oto3=document.getElementById('div2');
for(var i=0;i<oto2.length;i++){
oto2.onclick=function(){
oto3.innerHTML=this.innerHTML;
}
}
}
</script>
</head>
<body>
<div id="div0">
<div id="div1">
<ul>
<li><a href="#">oh my</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul>
</div>
<div id="div2"></div>
</div>
</body>
</html>
前辈看看是不是我哪里出错了
