Как сделать таблицу в JS

Для того, чтобы сделать таблицу с помощью пользовательской функции, следует прописать в ней два вложенных цикла, из которых первый будет создавать ряды таблицы, а второй - ячейки в каждом ряду. Также в документе HTML необходимо создать родительский документ, к которому впоследствии будет присоединяться созданная таблица. Смотрите пример:

javascriptlet elem = document.querySelector('#elem');
  
createTable(elem, 3, 3);

function createTable(parent, cols, rows) {
  let table = document.createElement('table');
  
  for (let i = 0; i < rows; i++) {
    let tr = document.createElement('tr');
    
    for (let j = 0; j < cols; j++) {
      let td = document.createElement('td');
      tr.appendChild(td);
    }
    
    table.appendChild(tr);
  }
  
  parent.appendChild(table);
}

Результат выполнения кода:

Смотрите также