gpt4 book ai didi

javascript - 在表中动态插入新行

转载 作者:行者123 更新时间:2023-11-29 20:22:56 26 4
gpt4 key购买 nike

<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>

此示例用于在表格中动态插入新行和单元格。但它在所有浏览器中的行为都不同。

  1. Internet Explorer = 它在最后添加行,新添加的单元格从第一个开始。

  2. Chrome/Safari = 它在第一行添加新行,新添加的单元格从末尾开始。

  3. Mozilla Firefox = 它不工作。

    我希望新添加的行在最后,新添加的单元格从第一个开始,就像所有浏览器中的 (Internet Explorer)。

如果您对相同的行为有任何解决方案,请告诉我。

最佳答案

尝试使用:

var tr = table.insertRow(-1);

就像这里所说的:

https://developer.mozilla.org/en/DOM/table.insertRow

关于javascript - 在表中动态插入新行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3051312/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com