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

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

let 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); }

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

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