Question

我有两个表，每个表都有不同的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的顶层），表行会被添加，但是当我引入另一个表时，当你点击按钮时没有任何反应。

希望你能帮忙......

Answer 1

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

var row=table.insertRow(2);

2是一个无效索引，因为表中当前只有一行，而且这是0索引。我不知道它是如何工作的。这应该是：

var row=table.insertRow(1);

http://jsfiddle.net/5Fdwk/

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

1 个答案: