document.createElement(option); 在firefox下 创建元素不能含有属性以及"<>"
<script type="text/javascript">
var oTR = new Array();
var index = 0;
var id=0;
function add(){
id = id+1;
oTR[index] = document.createElement("tr");
//firefox写法
var oTD = document.createElement("td");
//IE写法
//var oTD = document.createElement("<td type=\"text\">")
//兼容写法
oTD.innerHTML="<input type=\"text\" value="+id+">";
oTR[index].appendChild(oTD);
document.getElementById("mybody").appendChild(oTR[index]);
}
</script>
<body>
<table border="1" width="30%">
<caption>动态添加行</caption>
<tbody id="mybody">
<tr>
<td>第一行</td>
</tr>
<tr>
<td>第二行</td>
</tr>
<tr>
<td>第三行</td>
</tr>
</tbody>
<tr>
<td><a href="javascript:add()">增加</a></td>
</tr>
</table>
</body>