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>
原创文章，作者：Maggie-Hunter，如若转载，请注明出处：https://blog.ytso.com/14500.html