Lentelės grąžinimas iš funkcijos JavaScript

Ankstesnėje pamokoje sukūrėme funkciją createTable. Modifikuokime šią funkciją taip, kad ji nebedėtų lentelės į kokį nors elementą, o tiesiog grąžintų ją per return.

Tai yra, ankstesnės pamokos pateiktas kodas paverčiamas tokiu:

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

Galima perrašyti trumpiau:

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

Nuorodos į lentelę gavimas gali prireikti tam, kad ką nors padarytumėte su sukurta lentele. Pavyzdžiui, nuspalvinkime jos teksto spalvą raudonai:

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

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

div.appendChild(table);

Pakeiskite savo funkciją createTable kaip aprašyta teorijoje.

Tarkime, kad turime tokį div su paragrafais:

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

Naudodamiesi funkcija createTable sukurkite naują lentelę, tada įterpkite ją į div pabaigą.