Cómo utilizar DOM para agregar un elemento de la tabla

La clase de objeto DOM JavaScript permite añadir elementos de la tabla como filas, celdas y los contenidos de la tabla dinámica.Este método se utiliza para crear elementos de la tabla después de la carga de la página Web en el navegador del usuario.Primero debe crear la fila y agregar celdas a la fila del código para mostrar sin causar errores de HTML y JavaScript.

Haga clic en el archivo HTML que desea utilizar para agregar los elementos de la tabla. Haga clic en "Abrir con", a continuación, haga clic en el editor HTML en la lista de programas del submenú.

Obtener el ID del elemento de tabla y asigne la tabla a una variable. Creación de la variable le permite manipular los elementos de la tabla. El siguiente código crea una variable de la tabla HTML en la página:

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

Agregar una fila de la tabla. Escriba el siguiente código para añadir una nueva fila a la tabla:

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

Crear una célula y añadir contenido a la célula. El código siguiente agrega una celda de la nueva fila:

var c = r.insertCell (0);

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

input.text = "Este es el contenido de la celda";

c.appendChild (entrada);

El código anterior añade una celda y un cuadro de texto que muestra el contenido. Puede seguir añadiendo más células y contenido de la tabla.