<script type="text/javascript" language="javascript">
function addNewRow()
{
var table = document.getElementById("table1");
var tr = table.insertRow();
var td = tr.insertCell();
td.innerHTML= "a";
td = tr.insertCell();
td.innerHTML= "b";
td = tr.insertCell();
td.innerHTML= "c";
td = tr.insertCell();
td.innerHTML= "d";
td = tr.insertCell();
td.innerHTML= "e";
}
</script>
<body>
<table id="table1" border="1" cellpadding="0" cellspacing="0" width="100%">
<tr id="row1">
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
</table>
<input type="button" onClick="addNewRow()" value="Add New"/>
</body>
此示例用于在表中动态插入新行和单元格。但它的行为在所有浏览器中都不同。
Internet Explorer = 它在最后添加行,新添加的单元格从第一个开始。
Chrome/Safari = 它在第一行添加新行,新添加的单元格从末尾开始。
Mozilla Firefox = 它不工作。
我希望在最后一个新添加的行和新添加的单元格从第一个开始,如所有浏览器中的(Internet Explorer)。
如果您对相同行为有任何解决方案,请告诉我。