La classe di oggetto DOM JavaScript consente di aggiungere gli elementi della tabella come righe, celle e il contenuto della tabella in modo dinamico. Questo metodo consente di creare gli elementi della tabella dopo la pagina Web viene caricata nel browser dell'utente. È innanzitutto necessario creare la riga e aggiungere le celle nella riga per il codice da visualizzare senza provocare eventuali errori HTML e JavaScript.

Istruzioni

1

Pulsante destro del mouse il file HTML che si desidera utilizzare per aggiungere gli elementi della tabella. Fare clic su "Apri con", quindi fare clic su editor HTML nell'elenco dei programmi di sottomenu.

2

Ottenere l'ID di elemento di tabella e assegnare la tabella a una variabile. Creazione della variabile consente di manipolare gli elementi di tabella. Il codice seguente crea una variabile dalla tabella HTML nella pagina:

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

3

Aggiungere una riga della tabella. Digitare il codice seguente per aggiungere una nuova riga alla tabella:

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

4

Creare una cella e aggiungere il contenuto alla cella. Il codice seguente aggiunge una cella nella nuova riga:

var c = r.insertCell(0);

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

input.Text = "Questo è il contenuto della cella";

c.appendChild(input);

Il codice sopra riportato aggiunge una cella e una casella di testo che Visualizza il contenuto. È possibile continuare aggiungendo più celle e contenuti nella tabella.