Terugkeer van 'n tabel uit 'n funksie in JavaScript

In die vorige les het ons die funksie createTable gemaak. Kom ons modifiseer hierdie funksie sodat dit nie die tabel in 'n element byvoeg nie, maar dit eenvoudig teruggee via return.

Dit beteken die gegewe kode van die vorige les word omgeskakel na die volgende:

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

Dit kan korter geskryf word:

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

Om 'n verwysing na die tabel te kry, mag nodig wees om iets met die geskepte tabel te doen. Byvoorbeeld, kom ons maak die tekskleur daarvan rooi:

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>