如何在JavaScript中单击和编辑每个html单元格 window.onload=function（）{ var r=0， c=0； 对于（本地存储中的x）{ var行=表。插入行（r）， obj=JSON.parse（localStorage.getItem（x））； 用于（obj中的i）{ var单元=行插入单元（c）； cell.innerHTML=obj[i]； c+=1 } r+=1； c=0； } 对于（变量a=0；a

此加载时代码在保存的本地存储JSON对象中循环，然后将它们打印到一个表中。每个对象获取一行，值位于单元格中。我希望能够单击并编辑其中的每一行。此代码仅适用于第一行，而不适用于其他行。因此，我应该怎么做？

将代码放入

用于

循环

for (var a = 0; a < table.length; a++) {

  table.rows[a].cells[0].addEventListener('click', function() {
    var ask = prompt("Input");
    this.innerHTML = ask;
  });

  table.rows[a].cells[1].addEventListener('click', function() {
    var ask = prompt("Input");
    this.innerHTML = ask;
  });

  //more table.rows.....
}

---

将代码放入

for

循环中

for (var a = 0; a < table.length; a++) {

  table.rows[a].cells[0].addEventListener('click', function() {
    var ask = prompt("Input");
    this.innerHTML = ask;
  });

  table.rows[a].cells[1].addEventListener('click', function() {
    var ask = prompt("Input");
    this.innerHTML = ask;
  });

  //more table.rows.....
}

---

将代码放入

for

循环中

for (var a = 0; a < table.length; a++) {

  table.rows[a].cells[0].addEventListener('click', function() {
    var ask = prompt("Input");
    this.innerHTML = ask;
  });

  table.rows[a].cells[1].addEventListener('click', function() {
    var ask = prompt("Input");
    this.innerHTML = ask;
  });

  //more table.rows.....
}

---

将代码放入

for

循环中

for (var a = 0; a < table.length; a++) {

  table.rows[a].cells[0].addEventListener('click', function() {
    var ask = prompt("Input");
    this.innerHTML = ask;
  });

  table.rows[a].cells[1].addEventListener('click', function() {
    var ask = prompt("Input");
    this.innerHTML = ask;
  });

  //more table.rows.....
}

---

将事件添加到循环之外

for (var a = 0; a < table.length; a += 1) {
  for(var j=0;j<3;j++){
    table.rows[a].cells[j].addEventListener('click', function() {
      var ask = prompt("Input");
      this.innerHTML = ask;
    });
  }
}

for（变量a=0；a对于（var j=0；j您在循环之外添加事件

for (var a = 0; a < table.length; a += 1) {
  for(var j=0;j<3;j++){
    table.rows[a].cells[j].addEventListener('click', function() {
      var ask = prompt("Input");
      this.innerHTML = ask;
    });
  }
}

for（变量a=0；a对于（var j=0；j您在循环之外添加事件

for (var a = 0; a < table.length; a += 1) {
  for(var j=0;j<3;j++){
    table.rows[a].cells[j].addEventListener('click', function() {
      var ask = prompt("Input");
      this.innerHTML = ask;
    });
  }
}

for（变量a=0；a对于（var j=0；j您在循环之外添加事件

for (var a = 0; a < table.length; a += 1) {
  for(var j=0;j<3;j++){
    table.rows[a].cells[j].addEventListener('click', function() {
      var ask = prompt("Input");
      this.innerHTML = ask;
    });
  }
}

for（变量a=0；afor（var j=0；jj）您对
表的引用。行[a]
在for循环之外…从OP中删除了代码段功能，因为没有要运行的内容（没有HTML代码）。我还删除了标记，因为OP中根本没有提到它。您对
表.rows[a]的引用
在for循环之外…从OP中删除了snippet功能，因为没有要运行的内容（没有HTML代码）。我还删除了标记，因为OP中根本没有提到它。您对
表的引用。行[a]
在for循环之外…从OP中删除了snippet功能，因为没有要运行的内容（没有HTML代码）。我还删除了该标记，因为OP中根本没有提到它。您对
表的引用。行[a]
在for循环之外…从OP中删除了代码段功能，因为没有要运行的内容（没有HTML代码）。我还删除了标签，因为在你的OP中根本没有提到它。这是我首先做的，但什么都没有发生，甚至没有发生错误。谢谢你这么多我的朋友jQuery工作得非常完美，正如我所希望的。我只是有时候试着用纯JavaScript:D做每件事，我仍然很好奇为什么上面的香草JS不起作用这是我一开始做的，但是什么都没有发生，甚至没有一个错误。谢谢你，我的朋友jQuery工作得很好，正如我所希望的。我只是有时候尝试用纯JavaScript:D做所有事情，我仍然很好奇，为什么上面的普通JS不起作用。这是我一开始做的，但是什么都没有发生，甚至没有一个错误。谢谢你ch我的朋友jQuery完全按照我的意愿工作。我只是有时候尝试用纯JavaScript:D做所有事情，我仍然很好奇为什么上面的普通JS不起作用这是我一开始做的，但什么都没有发生，甚至没有出错。谢谢你，我的朋友jQuery完全按照我的意愿工作。我只是有时候尝试做我想做的每件事我仍然很好奇为什么上面的香草JS不起作用