Връщане на таблица от функция в JavaScript

В предишния урок създадохме функция createTable. Нека модифицираме тази функция така, че да не добавя таблицата в някакъв елемент, а просто да я връща чрез return.

Тоест даденият код от предишния урок се преобразува в следния:

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>