So verwenden Sie einen DOM Table Element hinzufügen

Die JavaScript-DOM-Objekt-Klasse können Sie Tabellen-Elemente wie Zeilen, Zellen und den Inhalt der Tabelle dynamisch. Sie verwenden diese Methode, um Tabellen-Elemente nach der Web-Seite geladen in den Browser des Benutzers zu erstellen. Sie müssen zuerst die Zeile und fügen Zellen der Zeile für den Code, ohne dass irgendwelche HTML-und JavaScript-Fehler angezeigt.

Rechten Maustaste auf die HTML Datei, die Sie verwenden, um die Tabellen-Elemente hinzuzufügen. Klicken Sie auf "Öffnen mit" und anschließend auf den HTML-Editor in der Liste der Programme Untermenü.

Holen Sie sich die Tabelle Element-ID und weisen Sie den Tisch auf eine Variable. Erstellen Sie die Variable können Sie die Tabellen-Elemente zu manipulieren. Der folgende Code erstellt eine Variable aus der HTML-Tabelle auf der Seite:

var table = document.getElementById ("table");

Fügen Sie eine Tabelle Zeile. Geben Sie den folgenden Code, um eine neue Zeile in die Tabelle anfügen:

var r = table.insertRow ("NewRow");

Erstellen Sie eine Zelle und fügen Sie Inhalt in die Zelle. Der folgende Code fügt eine Zelle, um die neue Zeile:

var c = r.insertCell (0);

var input = document.createElement ('input');

input.text = "Dies ist der Inhalt für die Zelle";

c.appendChild (Eingang);

Der obige Code fügt eine Zelle und ein Textfeld, das Inhalte anzeigt. Sie können weiterhin das Hinzufügen von mehr Zellen und Inhalt auf den Tisch.