关于JavaScript中Table操作的疑问！

<html>
<head>
<title>DOM</title>
<script language="javascript">
var count = 1;
function addrow(){
var table = document.getElementById("mytable");
var tr = table.insertRow();
var td1 = tr.insertCell();
var td2 = tr.insertCell();
var td3 = tr.insertCell();
td1.innerHTML = "test" + count ;
td2.innerHTML = "demo" + count ;
td3.innerHTML = "<input type='button' value='-' onclick='delRow(this)' />" ;
count ++;
}
function delRow(table){
var tr = table.parentNode.parentNode;
var tab = document.getElementById("mytable");
tab.deleteRow(tr.rowIndex);
}
</script>
</head>
<body>
<form action="" method="post"> 
<input type="button" value="+" onclick="addrow()" />
<table id="mytable" border="1">
<tr>
<td>test</td>
<td>demo</td>
<td><input type="button" value="-" onclick="delRow(this)" /></td>
</tr>
</table>
</form>
</body>
</html>以上代码中的tr = table.insertRow();报错是什么原因？还请哪位大侠解答一下，感激不尽