javascript - 我又来了，关于JS的问题，在指定表格添行或单元格并按条件显示样式的问题。。谢谢大神哈。
我要的效果是；在两个文本域里输入内容后，点击添加按钮，在下面的表格里添加一行表格；并且表格还会按下面代码里写的那样有隔行变色、鼠标移到行上时背景变色的效果；我现在的问题是
1、添加的表格没有隔行变色的效果；
2、添加的表格鼠标移上去后背景颜色没变；
3、不是通过上面添加按钮添加的表格无法删除；（即原来手动在编辑器里添加的两行表格不能通过点击删除按钮来删除）；
请求大神指正我代码中的问题，如果能说明我的问题出在哪里应该怎么修改最好，谢谢大神们哈；
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>跟据条件添加或删除一行表格</title>
<script>
window.onload = function(){
var otab = document.getElementById('otable');
var ochun = ["aBcolo","afoncolo"];
//背景隔行变色并且鼠标移到表格后表格行背景变色，鼠标移出进恢复到原来的背景颜色
for(var i=0;i<otab.tBodies[0].rows.length;i++){
//下面是鼠标移到表格上时整行背景变色，当鼠标离开时整行背景回到原来的颜色；
otab.tBodies[0].rows[i].onmouseenter = function(){
ochun[0]=this.style.backgroundColor; //将rows[i]行原来的背景颜色存起来；
ochun[1]=this.style.color;
this.style.backgroundColor = '#276619';
};
otab.tBodies[0].rows[i].onmouseout = function(){
this.style.backgroundColor =ochun[0]; //当鼠标移开时调用ochun[0]里面的内容；
this.style.color = ochun[1];
}
//背景隔行变色
if(i%2 == 0){
otab.tBodies[0].rows[i].style.backgroundColor = '#992229';
}
else{
otab.tBodies[0].rows[i].style.backgroundColor = '';
}
};
//下面是点击添加按钮后可以在表格里添加一行三列的表格；
var obat = document.getElementById('otbut');
var onem = document.getElementById('oneme');
var onian = document.getElementById('nian');
var oid = otab.tBodies[0].rows.length+1;
obat.onclick = function(){
var oTr = document.createElement('tr');//添加一行
//第一列单元格1
var oTd = document.createElement('td');
oTd.innerHTML=oid++;
oTr.appendChild(oTd);
//第二列单 元格
var oTd = document.createElement('td');
oTd.innerHTML = onem.value;
oTr.appendChild(oTd);
//第三列单 元格
var oTd = document.createElement('td');
oTd.innerHTML = onian.value;
oTr.appendChild(oTd);
//第四列单 元格
var oTd = document.createElement('td');
oTd.innerHTML = "<a href='javascript:;'>删除</a>";
oTr.appendChild(oTd);
//下面是点击标签A后删除一行‘rows’;
oTd.getElementsByTagName('a')[0].onclick = function(){
otab.tBodies[0].removeChild(this.parentNode.parentNode);
};
otab.tBodies[0].appendChild(oTr);
};
//
};
</script>
</head>
<body>
<input type="text" value=" " id="oneme" />
<input type="text" value=" " id="nian" />
<input type="button" value="添加" id="otbut" style="width: 100px;" />
<table border="1" width="500" id="otable" style="margin-top: 20px;">
<thead>
<tr>
<td>编号</td>
<td>姓名</td>
<td>年龄</td>
<td>操作</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>李丰</td>
<td>28</td>
<td><a href="javascript:;">删除</a></td>
</tr>
<tr>
<td>2</td>
<td>张佳宜</td>
<td>18</td>
<td><a href="javascript:;">删除</a></td>
</tr>
</tbody>
</table>
</body>
</html>
