JavaScript动态改变表格单元格内容的方法

最新推荐文章于 2024-01-03 08:59:12 发布

weixin_34337265

最新推荐文章于 2024-01-03 08:59:12 发布

阅读量216

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/huhuan123/p/6051355.html

版权

本文实例讲述了JavaScript动态改变表格单元格内容的方法。分享给大家供大家参考。具体如下：

JavaScript动态改变表格单元格的内容，下面的代码通过修改单元格的innerHTML来修改单元格内容

 
         <!DOCTYPE html> 
        
         <html> 
        
         <head> 
        
         <script> 
        
         function 
         changeContent() 
        
         { 
        
         var 
         x=document.getElementById( 
         'myTable' 
         ).rows[0].cells; 
        
         x[0].innerHTML= 
         "NEW CONTENT" 
         ; 
        
         } 
        
         </script> 
        
         </head> 
        
         <body> 
        
         <table id= 
         "myTable" 
         border= 
         "1" 
         > 
        
         <tr> 
        
         <td>Row1 cell1</td> 
        
         <td>Row1 cell2</td> 
        
         </tr> 
        
         <tr> 
        
         <td>Row2 cell1</td> 
        
         <td>Row2 cell2</td> 
        
         </tr> 
        
         <tr> 
        
         <td>Row3 cell1</td> 
        
         <td>Row3 cell2</td> 
        
         </tr> 
        
         </table> 
        
         <form> 
        
         <input type= 
         "button" 
         onclick= 
         "changeContent()" 
         value= 
         "Change content" 
         > 
        
         </form> 
        
         </body> 
        
         </html>