АКЦИЯ: бесплатные месячные курсы по созданию сайтов
на выбор: верстка, JavaScript, PHP или фреймворки. Сегодня последний день для записи! Жми!
56 of 119 menu
Долгожданный Бесплатный курс по выкладке сайта на хостинг. МЫ УЖЕ НАЧАЛИ! Присоединяйтесь к нам!

Как сделать таблицу в 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); }

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

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