Возврат таблицы из функции на JavaScript

В предыдущем уроке мы сделали функцию createTable. Давайте модифицируем эту функцию так, чтобы она не добавляла таблицу в какой-то элемент, а просто возвращала ее через return.

To есть приведенный код предыдущего урока преобразуется вот в такой:

javascriptlet div = document.querySelector('#elem');
let table = createTable(3, 4);
div.appendChild(table);

Можно переписать короче:

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

Получение ссылки на таблицу может понадобится для того, чтобы что-то сделать с созданной таблицей. К примеру, давайте покрасим ее цвет текста в красный:

javascriptlet div = document.querySelector('#elem');

let table = createTable(3, 4);
table.style.color = 'red';

div.appendChild(table);

html<div id="elem">
  <p>1</p>
  <p>2</p>
  <p>3</p>
</div>