Javascript: How to dynamically add rows to a table _ javascript skills

This article mainly introduces how to dynamically add rows to a table by using javascript. it involves the dynamic addition techniques of javascript for table rows and has some reference value, for more information about how to dynamically add rows to a table using JS, see the following example. Share it with you for your reference. The specific analysis is as follows:

The following JS code dynamically adds a new row to the top of the table through the insertRow method of the table object.

Script function insRow () {var x = document. getElementById ('mytable '). insertRow (0); var y = x. insertCell (0); var z = x. insertCell (1); y. innerHTML = "NEW CELL1"; z. innerHTML = "NEW CELL2";} script

 
 


  
  
 
   
 
    
Row1 cell1
 
    
Row1 cell2
 
   
 
   
 
    
Row2 cell1
 
    
Row2 cell2
 
   
 
   
 
    
Row3 cell1
 
    
Row3 cell2
 
   
 
  

 
 

I hope this article will help you design javascript programs.