Rückgabe einer Tabelle aus einer Funktion in JavaScript

In der vorherigen Lektion haben wir die Funktion createTable erstellt. Lassen Sie uns diese Funktion so modifizieren, dass sie die Tabelle nicht in ein Element einfügt, sondern sie einfach über return zurückgibt.

Das bedeutet, dass der Code aus der vorherigen Lektion sich in Folgenden verwandelt:

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

Man kann es kürzer umschreiben:

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

Das Erhalten einer Referenz auf die Tabelle kann notwendig sein, um etwas mit der erstellten Tabelle zu machen. Lassen Sie uns zum Beispiel die Textfarbe rot färben:

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

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

div.appendChild(table);

Modifizieren Sie Ihre Funktion createTable entsprechend der in der Theorie beschriebenen Weise.

Angenommen, wir haben folgenden Div mit Absätzen:

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

Erstellen Sie mit der Funktion createTable eine neue Tabelle und fügen Sie diese dann am Ende des Divs ein.