如何利用JS动态生成隔行换色HTML表格

这篇文章将为大家详细讲解有关如何利用JS动态生成隔行换色HTML表格,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

在五通桥等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都做网站、成都网站设计 网站设计制作按需网站设计,公司网站建设,企业网站建设,品牌网站建设,成都营销网站建设,外贸营销网站建设,五通桥网站建设费用合理。

用JS生成动态生成表格,行、列由用户输入,并使表格隔行换色

方法一.

代码:



 
  动态表格
  
  
  
  
  
   function createTable(){
      var table = document.createElement("table");
      //添加边框
      table.border = "1";
      table.width = "100%";
      //table API
      //创建一行
      //var tr = table.insertRow(table.rows.length);
      //创建单元格
      //var td = tr.insertCell(tr.cells.length);
        //行,单元格
        var tr,td;
         //获得行列值
        var tr_value = document.getElementById("tr_value").value;
        var td_value = document.getElementById("td_value").value;
      for(var i=0;i
 
 
 输入行数
 输入列数


 

运行结果:

输入行数、列数,create Table:

如何利用JS动态生成隔行换色HTML表格

方法二.

代码:



 
  动态表格
  
  
  
  
  
     var rows = prompt("输入行数:", "");
     var cols = prompt("输入列数:", "");
     document.write('');
     document.write('成绩表');
     for (var row = 1; row <= rows; row++) {
       if (row % 2 == 0) {
         document.write('');
       } else {
         document.write('');
       }
       for (var col = 0; col < cols; col++) {
         document.write('');
       }
       document.write('');
     }
     document.write('');
  
 
 
 

运行结果:

输入行数、列数:

如何利用JS动态生成隔行换色HTML表格如何利用JS动态生成隔行换色HTML表格

如何利用JS动态生成隔行换色HTML表格

关于“如何利用JS动态生成隔行换色HTML表格”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


文章名称:如何利用JS动态生成隔行换色HTML表格
网页网址:http://scyanting.com/article/jpshii.html

其他资讯