Javascript 如何动态生成充满按钮的表格？

对于我的实习，我需要创建一个充满按钮的表格。（用户可以更改表中的大小）

我已经成功地自定义了大小（在另一页上），但是我没有为此创建轴和按钮

函数addTable（）{
var myTableDiv=document.getElementById（“表”）；
var table=document.createElement（'table'）；
table.border='1'；
var tableBody=document.createElement（'TBODY'）；
table.appendChild（表体）；
对于（var i=0；i

我尝试过重命名xAxis，但也没有成功：

var abc = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
            var x = document.getElementById("Table").rows[0].cells;
            for (var k = 1; k < localStorage.getItem("XWert"); k++) {
                for (var l = 0; l < abc.length; l++) {
                    x[k].innerHTML = abc[l];
                }
            }

变量abc=['A'，B'，C'，D'，E'，F'，G'，H'，I'，J'，K'，L'，M'，N'，O'，P'，Q'，R'，S'，T'，U'，V'，W'，X'，Y'，Z']；
var x=document.getElementById（“表”）.rows[0]。单元格；
对于（var k=1；k

例如：

函数addTable（）{
变量abc=['A'，B'，C'，D'，E'，F'，G'，H'，I'，J'，K'，L'，M'，N'，O'，P'，Q'，R'，S'，T'，U'，V'，W'，X'，Y'，Z']；
var YWert_len=5；
var XWert_len=abc.长度；
var myTableDiv=document.getElementById（“tbl”）；
var table=document.createElement（'table'）；
table.border='1'；
var tableBody=document.createElement（'TBODY'）；
table.appendChild（表体）；
对于（var i=0；i，javascript中的逻辑很简单。
一个循环

for (var y; y < yourUpperLimitHeight; y++){
  for (var x; x < yourUpperLimitWidth; x++){
     //here x is the number of width cells and y the number of height cells. Create a function that takes two parameters, height and width, and in a double for loop, draw a table on the screen. 
    document.getElementById('YourTable').innerHTML += "<td ......"
  }
}

（变量y；y{
对于（var x；xdocument.getElementById（'YourTable'）。innerHTML+="请注意，
getItem
始终返回字符串。在这种情况下，它可能会将该字符串强制为数字，但您应该知道如何确保它正常工作。对于这个问题，您正在创建
表
、
tbody
、
tr
和
td
元素。请尝试在相同的位置创建
按钮
元素态度。。。
function addTable() {
    var abc = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
    var YWert_len = 5;
    var XWert_len = abc.length;
    var myTableDiv = document.getElementById("tbl");
    var table = document.createElement('TABLE');
    table.border = '1';
    var tableBody = document.createElement('TBODY');
    table.appendChild(tableBody);


    for (var i = 0; i <= YWert_len; i++) {
        var tr = document.createElement('TR');
        tableBody.appendChild(tr);


        for (var j = 0; j < XWert_len; j++) {
            var td = document.createElement('TD');
            td.width = '75';
            if(i==0)
            {
                td.appendChild(document.createTextNode(abc[j]));
            }
            else
            {
                var button = document.createElement("button");
                button.innerHTML = "Button"+i+j;
                td.appendChild(button);
            }
            tr.appendChild(td);
        }
    }

    myTableDiv.appendChild(table);
}
```

for (var y; y < yourUpperLimitHeight; y++){
  for (var x; x < yourUpperLimitWidth; x++){
     //here x is the number of width cells and y the number of height cells. Create a function that takes two parameters, height and width, and in a double for loop, draw a table on the screen. 
    document.getElementById('YourTable').innerHTML += "<td ......"
  }
}