两个表添加新行按钮-冲突

Two Tables Add New Row Button - Conflicting

本文关键字：新行 按钮 冲突 添加 两个      更新时间：2023-09-26

我有两个表，每个表都有不同的ID。我在每个表下面都有一个按钮，可以添加一行（或者我希望这样做）。当我只点击一个按钮时，它就起作用了，但当我介绍另一个时，两个表上的按钮都不再起作用，所以我猜两者之间存在冲突。以下是表格：

表1

<table id='addTable' class='tableclass' width='655' border='1'>
<tr>
<td>Column 1</td><td>Column 2</td>
</tr>
</table>
<button type='button' onclick='displayResult()'>Add New Row</button>

表2

<table id='editTable' class='tableclass' width='655' border='1'>
<tr>
<td>Column 1</td><td>Column 2</td>
</tr>
</table>
<button type='button' onclick='displayResultEdit()'>Add New Row</button>

javascript：

function displayResult()
{
var table=document.getElementById("addTable");
var row=table.insertRow(2);
var cell1=row.insertCell(0);
var cell2=row.insertCell(1);
cell1.innerHTML="Additional row to column one on the Add table";
cell2.innerHTML="Additional row to column two on the Add table";
}

function displayResultEdit()
{
var table=document.getElementById("editTable");
var row=table.insertRow(2);
var cell1=row.insertCell(0);
var cell2=row.insertCell(1);
cell1.innerHTML="Additional row to column one on the Edit table";
cell2.innerHTML="Additional row to column two on the Edit table";
}

这保存在一个.js文件中，并在表下面调用。正如我所说，如果只存在一个表（以及javascript的顶部集合），就会添加表行，但当我引入另一个表时，当您单击按钮时，什么都不会发生。

希望你能帮忙。。

如果修复了insertRow:中的索引错误，两者都可以正常工作

var row=table.insertRow(2);

2是一个无效索引，因为表中当前只有1行，并且该行为0索引。我不知道它怎么会起作用。这应该是：

var row=table.insertRow(1);

http://jsfiddle.net/5Fdwk/

相关文章：