Trả về bảng từ hàm trong JavaScript

Ở bài học trước, chúng ta đã tạo hàm createTable. Hãy sửa đổi hàm này để nó không thêm bảng vào một phần tử nào đó, mà chỉ đơn giản trả về bảng thông qua return.

Tức là đoạn mã từ bài học trước sẽ được chuyển đổi thành như thế này:

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

Có thể viết ngắn gọn hơn:

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

Việc lấy tham chiếu đến bảng có thể cần thiết để thực hiện điều gì đó với bảng vừa tạo. Ví dụ, hãy đổi màu chữ của nó sang màu đỏ:

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>