Javascript 向动态添加的行中的ID名称添加计数器

下面是添加行的函数的一部分。它就像一个符咒，除了我还希望它在每个新创建的元素集的ID名称中添加一个整数（+1）

例如，下面的代码生成一行、一个单元格和一个按钮。如果创建了三行，那么我希望每行的按钮ID分别为foo1、foo2、foo3

我将如何着手实现这一点

function addrow() {
var i = 1;
var table = document.getElementById("mytable");
var row = table.insertRow(1);
var cell1 = row.insertCell(1);
cell1.innerHTML = "<input type='button' id='foo+i' value='Hello'>";
i++;}

函数addrow（）{
var i=1；
var table=document.getElementById（“mytable”）；
var行=table.insertRow（1）；
var cell1=行插入单元格（1）；
cell1.innerHTML=“”；
i++；}

提前谢谢你

变化：

cell1.innerHTML = "<input type='button' id='foo+i' value='Hello'>";

cell1.innerHTML=“”；

致：

cell1.innerHTML=“”；

您需要用递增的变量连接字符串，而不是将其放在字符串中

"<input type='button' id=foo" + i +" value='Hello'>"

我还更改了引号，因为单个引号不被认为是HTML更改的有效语法

cell1.innerHTML = "<input type='button' id='foo+i' value='Hello'>";

---

cell1.innerHTML=“”使用
var i=1；函数addrow（）{….cell1.innerHTML=“”；i++；}
非常好的答案，我将更新我的结构并在函数外部全局声明我的变量。非常感谢大家。@john ruddell我很愿意，但遗憾的是，我的声誉目前还不到15。无论你的声誉如何，你都应该能够接受答案，因为这是你的问题。真奇怪。。。不过，我会给你一张赞成票：）
var i = 1;
function addrow() {
    var table = document.getElementById("mytable"),
        row = table.insertRow(i),
        cell1 = row.insertCell(i);
    cell1.innerHTML = '<input type="button" id=foo' + i + ' value="Hello">';
    i++;
}

cell1.innerHTML = "<input type='button' id='foo+i' value='Hello'>";

cell1.innerHTML = "<input type='button' id='foo"+ i +"' value='Hello'>";

var i = 1;
function addrow() { 
  var table = document.getElementById("mytable");
  var row = table.insertRow(1);
  var cell1 = row.insertCell(1);
  cell1.innerHTML = "<input type='button' id='foo"+i +"' value='Hello'>"; 
  i++; 
}