열에 연속 숫자를 삽입하는 방법 JavaScript?

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를 반복해야하며 각 열의 카운터 값을 설정할 수 있습니다.

그럴 >> 행

TD >> COLS