Insert Cell Example : Cell : Table : JavaScript DHTML examples (example source code) Organized by topic

JavaScript DHTML
C++
PHP


JavaScript DHTML  »  Table   » [  Cell  ]   
 



Insert Cell Example

Please note that some example is only working under IE or Firefox.

    
<html>
<body>
<script language="JavaScript">
function function1() {
   var myRow = document.all.myTable.insertRow();
   var myCell = myRow.insertCell();
   myCell.innerText = "The added cell"; 
} 
</script>
<table id="myTable" border="1" cellspacing="5" cellpadding="5">
   <tr>
       <td width="100">1&nbsp;</td>
       <td width="100">2&nbsp;</td>
   </tr>
   <tr>
       <td>3&nbsp;</td>
       <td>4&nbsp;</td>
   </tr>
</table>
<button onclick="function1();">Add a cell</button>
</body>
</html>

    
      
      
Related examples in the same category
1.  Table Cell background Color Example
2.  Table Cell 'background' Example
3.  Delete a Cell
4.  Table cell Index Example
5.  Table cell Spacing Example
6.  Table 'cellPadding' Example
























Home| Contact Us
Copyright 2003 - 04 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.