Pemulangan Jadual daripada Fungsi dalam JavaScript

Dalam pelajaran sebelumnya, kami telah membuat fungsi createTable. Mari kita ubah suai fungsi ini supaya ia tidak menambah jadual ke dalam mana-mana elemen, tetapi hanya memulangkannya melalui return.

Maksudnya, kod dari pelajaran sebelumnya akan bertukar menjadi seperti ini:

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

Boleh ditulis semula dengan lebih ringkas:

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

Mendapatkan rujukan kepada jadual mungkin diperlukan untuk melakukan sesuatu dengan jadual yang dicipta. Sebagai contoh, mari kita ubah warna teksnya menjadi merah:

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

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

div.appendChild(table);

Ubah suai fungsi createTable anda seperti yang diterangkan dalam teori.

Katakan kita mempunyai div dengan perenggan seperti berikut:

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

Dengan menggunakan fungsi createTable, cipta jadual baru, kemudian masukkan ke hujung div tersebut.