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:

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

Galima perrašyti trumpiau:

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

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>