Question

我需要在行和列中放置连续的数字。第一部分看起来很容易现在我的第二部分有问题，将连续值放在列中。我已经完成了下一步：

let tableDisplay = document.querySelector('#table');

function createTable() {
    let table = document.createElement('table');
    let tableBody = document.createElement('tbody');
    table.border = '1';

    for (let r = 0; r < 10; r++) {
        let row = document.createElement('tr');
        tableBody.appendChild(row);

        for (let c = 0; c < 10; c++) {
            let cell = document.createElement('td');
            row.appendChild(cell);
        }
    }
    table.appendChild(tableBody);
    tableDisplay.appendChild(table);
}

createTable();

let tr = document.querySelector('tbody').querySelectorAll('tr');
let td = document.querySelectorAll('td');
let counter = 0;

for (let i = 0; i < td.length; i++) {
    counter++;
    td[i].innerHTML = counter;
}

有什么建议吗？

Answer 1

最新的for循环应该遍历tr.childNodes.length，然后你可以为每列设置计数器的值。

tr＆gt;＆gt;行

td＆gt;＆gt; COLS

如何在列JavaScript中插入连续数字？

1 个答案: