Tabulas atgriešana no funkcijas JavaScript

Iepriekšējā nodarbībā mēs izveidojām funkciju createTable. Modificēsim šo funkciju tā, lai tā nepievienotu tabulu kādam elementam, bet vienkārši atgrieztu to caur return.

Tas ir, iepriekšējās nodarbības dotais kods pārveidojas šādā veidā:

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

Var pārrakstīt īsāk:

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

Atsaites iegūšana uz tabulu var būt nepieciešama, lai kaut ko izdarītu ar izveidoto tabulu. Piemēram, iekrāsosim tās teksta krāsu sarkanā:

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>