javascript 显示隐藏表的一行

<a href='javascript:add();'>添加</a>
<a href='javascript:del();'>删除</a>
<table width=300 id=tbl>
<tr style='display:none;'><td>11111111111111</td></tr>
<tr style='display:none;'><td>22222222222222</td></tr>
<tr style='display:none;'><td>33333333333333</td></tr>
<tr style='display:none;'><td>44444444444444</td></tr>
</table>
<script>
var key = 0;
var tr = document.getElementById("tbl").getElementsByTagName("tr");
var size = tr.length;


function add()
{
if(key == size)return;
tr[key++].style.display = "block";
}
function del()
{
if(key == 0)return;
tr[--key].style.display = "none";
}
</script>