Returnering af tabel fra en funktion i JavaScript

I den forrige lektion lavede vi funktionen createTable. Lad os modificere denne funktion, så den ikke tilføjer tabellen til et element, men blot returnerer den via return.

Det betyder, at koden fra den forrige lektion bliver transformeret til dette:

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

Kan omskrives kortere:

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

At få en reference til tabellen kan være nødvendigt for at gøre noget med den oprettede tabel. For eksempel, lad os farve dens tekstfarve til rød:

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>