HTML DOM insertCell() Method
Complete TableRow Object Reference
Definition and Usage
The insertCell() method is used to insert a cell in a table row.
Syntax
tablerowObject.insertCell(index)
|
Example
The following example inserts cells in a table row:
<html>
<head>
<script type="text/javascript">
function insCell()
{
var x=document.getElementById('tr2').insertCell(0)
x.innerHTML="John"
}
</script>
</head>
<body>
<table border="1">
<tr id="tr1">
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr id="tr2">
<td>Peter</td>
<td>Griffin</td>
</tr>
</table>
<br />
<input type="button" onclick="insCell()" value="Insert cell">
</body>
</html>
|
Try-It-Yourself Demos
Insert a cell to an existing table row
Add
a new row to a table - then add cells and content
Complete TableRow Object Reference
|