在页面载入时动态添加表格失败

我这段代码写在要添加行的table的后面
<table id="product" class="ListTable" cellpadding="1" cellspacing="1">
<tr class="ListTitle">
<td class="P15">
产品编号
</td>
<td class="P30">
产品名称
</td>
<td class="P10">
产品数量
</td>
<td class="P10">
产品单价
</td>
<td class="P10">
产品总价格
</td>
</tr>
</table><script type="text/javascript">
var newTr = product.insertRow();
newTr.className = "ListItemStyle";
//添加5列
var newTd0 = newTr.insertCell();   
var newTd1 = newTr.insertCell();   
var newTd2 = newTr.insertCell();   
var newTd3 = newTr.insertCell();
var newTd4 = newTr.insertCell();
//设置列内容和属性
newTd0.innerText = "a";
newTd1.innerText = "b";
newTd2.innerText = "c";
newTd3.innerText = "d";
newTd4.innerText = "e";
</script>