Javascript DOM HTML TableRow insertCell() Method insert cell by negative index

Introduction

Insert new cell(s) at the beginning of the first table row.

Click the button to insert new cell(s) at the beginning of the first table row.

View in separate window 

<!DOCTYPE html>
<html>
<head>
<style>
table, td {
  border: 1px solid black;
}
</style>/*  ww w . j  a  v a  2  s . co m*/
</head>
<body>
<table id="myTable">
  <tr>
    <td>First cell</td>
    <td>Second cell</td>
    <td>Third cell</td>
  </tr>
  <tr>
    <td>First cell</td>
    <td>Second cell</td>
    <td>Third cell</td>
  </tr>
</table><br>

<button onclick="myFunction()">Test</button>

<script>
function myFunction() {
  var firstRow = document.getElementById("myTable").rows[0];
  var x = firstRow.insertCell(0);
  x.innerHTML = "New cell";
}
</script>

</body>
</html>



PreviousNext

Related