获取动态添加的层的内容的方法

设有一个层，点击按钮就给层添加一行数据；当点击层内数据时，该数据就被赋给某个文本框，分别怎样实现啊

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <script type="text/javascript">
  var $=function(id){
return document.getElementById(id);
  }
  </script>
</HEAD>
<BODY>
  <div id="test1" style="width:400px;height:50px;border:1px solid;" onclick="$('test2').value=this.innerHTML""></div>
  <input type="text" id="test2" />
  <input type="button" id="test3" value="Click" onclick="$('test1').innerHTML='新增的内容'"/>
</BODY>
</HTML>
可能是我没说明白，div中可以动态添加多行，点击某行，文本框内容就是该行文本
<html><head><title></title>
<script type="text/javascript">
function $(elem){
return document.getElementById(elem);
}
var id=0;
function addDiv()
{
    var text="testtestetsetstsetstst";
    var div=$("div");
    var divChild=document.createElement("div");
     div.appendChild(divChild);
    divChild.id="div"+id;
     divChild.innerHTML="<input type='text'  style='color:#f00' id='row"+id+"'>"+text;
var d=id;
    divChild.onclick=function()
    {
     alert("row"+d);
        $("row"+d).value=text;
    }
    id++;
}</script>
</head><body>
<div id="div" style="background:#000;color:#fff;height:200px;width:300px"></div>
<input type="button" value="click" onclick="addDiv();">
</body></html>
divChild.onmouseover=function()
    {

        divChild.style.backgroudColor="red";
    } 加上这一句，怎么背景色没有变化啊
那是因为你把backgroundColor拼写错了