javaScript中insertBefore标签无法显示

再linux环境下能完全运行的程序如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD><BODY>
物料全称：
<input style="border-color: grey" type="text" id="str1"> 数量：
<input type="text" id="str2">
<input style="background-color: #DBD9D9" type="button"
value="添加" onclick="insertStr();"><br>
<table id="tab" border="1" width="400"
style="font-size: 13px;"> <tr>
<td>
物料名称：
</td>
<td>
物料数量：
</td>
</tr>
</table>
<div id="d"></div>
</BODY>
</HTML>
<script language="JavaScript">
function insertStr() {
var str1 = document.getElementById("str1").value;
var str2 = document.getElementById("str2").value;
if (str1 == "") {
alert("\u8bf7\u8f93\u5165\u7269\u6599\u5168\u79f0");
return false;
}
if (str2 == "") {
alert("\u8bf7\u8f93\u5165\u8981\u7533\u62a5\u7684\u7269\u6599\u6570\u91cf");
return false;
}
var tr = document.createElement("<tr>");
var td = document.createElement("<td>");
td.appendChild(document.createTextNode(str1));
tr.appendChild(td);
td = document.createElement("<td>");
td.appendChild(document.createTextNode(str2));
tr.appendChild(td);
var tab = document.getElementById("tab");
tab.insertBefore(tr, tab.firstChild);
var d = document.getElementById("d");
d.innerHTML = d.innerHTML + "<input type=hidden name='name' value='" + str1 + "'>";
d.innerHTML = d.innerHTML + "<input type=hidden name='num' value='" + str2 + "'>";
}
</script>