JS Add Table

Caption: Holds pointers to <caption> elements (if any)

Tbodies: is a <tbody> element of the htmlcollection.

TFoot: Holds a pointer to the <tfoot> element

THead: Holds a pointer to the <thead> element

Rows: Is the htmlcollection of all rows in a table

Createthead (): Create a <thead> element, place it in a table, return a reference

Createtfoot (): Create a <tfoot> element, place it in a table, return a reference

Createcaption (); Create a <caption> element, place it in a table, return a reference

Deletethead: Delete <thead> element

Deletetfoot: Delete <tfoot> element

Delectcaption: Delete <caption> element

DeleteRow (POS): Delete a row at a specified location

InsertRow (POS): Inserts a row into the rows collection at the specified location

The birthday and method for the <tbody> element are as follows

Rows: Save the htmlcollection of the row in the <tbody> element.

DeleteRow (POS): Delete a row at a specified location

Insertrohew (POS): Inserts a row into the rows collection at the specified location, returning a reference to the newly inserted row.

The properties and methods added for the <tr> element are as follows

Cells: Holds the htmlcollection of the cells in the <tr> element.

Deletecell (POS): Deletes the cell at the specified location.

InsertCell (POS): Inserts a cell into the cells collection at the specified position, returning a reference to the newly inserted cell

Example

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

Table.border = 1;

Table.width = "100%";

var tbody = document.createelement ("tbody");

Table.appendchild (TBODY);

Create first row

Tbody.insertrow (0);

Tbody.rows[0].insertcell (0);

Tbody.rows[0].cells[0].appendchild (document.createTextNode ("Cell"));

Tbody.rows[0].insertcell (1);

Tbody.rows[0].cells[1].appendchild (document.createTextNode ("cell2,1"));

JS Add Table