javascript - 如何将 javascript 变量中的值输出到 html td 单元格中？

Question

我有这个函数可以生成一个表格，用户可以在其中输入 0-9 的数字。

function table(){
    let strHTML = "";    
    strHTML = "<table>";
    for(let row = 0; row< 9; row++){
    strHTML += "<tr>";
        for (let col = 0; col < 9; col++){
            strHTML += `<td><input id=${row}-${col} type="number" min="0" max="9" /></td>`;
         }
     strHTML += "</tr>";
     }
     strHTML += "</table>";
     document.getElementById('myTable').innerHTML = strHTML;
};

我有一个函数，可以将 HTML 表中的值保存在 JavaScript 数组中。

function saveTable(){
    for(let col = 0; col < 9; col++){
            for(let row = 0; row < 9; row++){
                sudokuArr[col][row] = Number(document.getElementById(col+"-"+row).value); 
            }
        }
};

最后我有了这个函数，它将两个数字相加并将其显示在不同的单元格中。然而，每当调用此函数时，都不会输出任何内容。不确定我做错了什么？

function calculate(){
    var x = sudokuArr[0][0];
    var y = sudokuArr[0][8];
    var k = x + y;
    document.getElementById("0-1").innerHTML = k;
};

Answer 1

元素的id不能以数字开头，因为它不会被识别。请看下面的示例:它会引发以数字开头的 id 错误。

...an ID should start with a letter for compatibility.

来源:https://developer.mozilla.org/en/docs/Web/HTML/Global_attributes/id

document.querySelector('#c123').innerHTML = 'starts with a letter';
document.querySelector('#123c').innerHTML = 'starts with a number';

<div id="123c"></div>
<div id="c123"></div>