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ā:

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

Var pārrakstīt īsāk:

let 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ā:

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

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

div.appendChild(table);

Pārveidojiet savu funkciju createTable saskaņā ar teorijā aprakstīto.

Pieņemsim, ka mums ir šāds div ar rindkopām:

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

Izmantojot funkciju createTable, izveidojiet jaunu tabulu un pēc tam ievietojiet to beigās div.