Table insertRow() Method - Create and delete row(s): - Javascript DOM HTML Element

Javascript examples for DOM HTML Element:Table


Table insertRow() Method - Create and delete row(s):

Demo Code

ResultView the demo in separate window

<!DOCTYPE html>
table, td {
    border: 1px solid black;
</style>/*  w w  w.ja v a2s  .  c om*/

<table id="myTable">
    <td>Row1 cell1</td>
    <td>Row1 cell2</td>
    <td>Row2 cell1</td>
    <td>Row2 cell2</td>
    <td>Row3 cell1</td>
    <td>Row3 cell2</td>

<button onclick="myCreateFunction()">Create row</button>
<button onclick="myDeleteFunction()">Delete row</button>

function myCreateFunction() {
    var table = document.getElementById("myTable");
    var row = table.insertRow(0);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    cell1.innerHTML = "NEW CELL1";
    cell2.innerHTML = "NEW CELL2";

function myDeleteFunction() {


Related Tutorials