Tabeli tagastamine funktsioonist JavaScriptis

Eelmises õppetükis tegime funktsiooni createTable. Muudame nüüd seda funktsiooni nii, et see ei lisaks tabelit mingisse elementi, vaid lihtsalt tagastaks selle läbi return.

See tähendab, et eelmise õppetüki kood muundub selliseks:

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

Saab ümber kirjutada lühemalt:

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

Tabelile viite saamine võib olla vajalik selleks, et midagi teha loodud tabeliga. Näiteks muudame selle teksti värvi punaseks:

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>