Javascript 是否将输入设置为只读？

我正在尝试建立一个成绩册网络应用程序。我希望能够编辑表格单元格以输入成绩，但无法将其设置为只读。我做错了什么

我试图在“保存”按钮中更改代码，但没有任何效果。由于某种原因，我似乎无法获取输入标签。我是否遗漏了什么？是否有其他方法尝试将单元格设置为只读？我试着拿到td标签，但没用

var myTable=document.getElementById（“myTable”）；
var r=0；
var c=1；
函数addRow（）{
//插入一行
var row=myTable.insertRow（r）；
//将单元格插入行中
变量单元格=行插入单元格（0）；
cell.innerHTML=“学生[i]”；
r++；
}
函数addColumn（）{
//向每行添加新单元格
var allRows=document.getElementsByTagName（“tr”）；
对于（var i=0；i

表格，
th，
运输署{
边框：1px纯黑；
边界塌陷：塌陷；
}

学生
天
编辑
保存

是否有其他方法尝试将单元格设置为只读

使用以下命令：

JS:

CSS:

指针事件设置为“无”时，用户无法交互。如果你需要更多的解释，请告诉我

是否有其他方法尝试将单元格设置为只读

使用以下命令：

JS:

CSS:

---

指针事件设置为“无”时，用户无法交互。如果需要更多说明，请告诉我。

HTML ID在文档中必须是全局唯一的。由于要为每个元素将ID设置为

inboot

，因此

getElementById

调用总是选择相同的元素。此外，这些元素是

td

s，而不是输入本身

尝试更改保存功能，如下所示：

function saveData(){
  //turn all inputs into readOnly
  document.querySelectorAll("td > input").forEach(input => {
    input.readOnly = true;
  });
}

---

HTML ID在文档中必须是全局唯一的。由于要为每个元素将ID设置为

inboot

，因此

getElementById

调用总是选择相同的元素。此外，这些元素是

td

s，而不是输入本身

尝试更改保存功能，如下所示：

function saveData(){
  //turn all inputs into readOnly
  document.querySelectorAll("td > input").forEach(input => {
    input.readOnly = true;
  });
}

---

谢谢这起作用了。我在按钮上也拼写错了“saveData（）”。谢谢！这起作用了。我还把按钮上的“saveData（）”拼写错了。

function saveData(){
  //turn all inputs into readOnly
  document.querySelectorAll("td > input").forEach(input => {
    input.readOnly = true;
  });
}