zoukankan      html  css  js  c++  java
  • js动态创建表格方法

     1 window.onload = function(){
     2             var table = document.createElement('table');
     3             table.border = 1;
     4             table.width = '100%';
     5             var tbody = document.createElement('tbody');
     6             table.appendChild(tbody);
     7  //主角登场了 insertRow; 作用是向指定位置插入一行 rows返回表格的所有行 cells返回表格所有单元格 insertCell与insertRow一样 只不过它是向指定位置插入一个单元格。
     8 
     9             tbody.insertRow(0);//创建一行
    10             tbody.rows[0].insertCell(0);//创建第一行 第一个单元格
    11             tbody.rows[0].cells[0].appendChild(document.createTextNode('1,1'));//给单元格添加文本
    12             tbody.rows[0].insertCell(1);//创建第一行 第二个单元格
    13             tbody.rows[0].cells[1].appendChild(document.createTextNode('1,2'));
    14             tbody.insertRow(1);
    15             tbody.rows[1].insertCell(0);//创建第二行 第一个单元格
    16             tbody.rows[1].cells[0].appendChild(document.createTextNode('2,1'));
    17             tbody.rows[1].insertCell(1);//创建创建第二行 第二个单元格
    18             tbody.rows[1].cells[1].appendChild(document.createTextNode('2,2'));
    19             tbody.rows[1].insertCell(2);
    20             tbody.rows[1].cells[2].appendChild(document.createTextNode('2,3'));
    21             document.body.appendChild(table);
    22         }

    有不对的地方 请大家指正

  • 相关阅读:
    Material和SharedMaterial的区别
    unity 字典序列化的问题
    序列化到本地
    数据分离
    太久没更 重回博客园
    Unity下替换模型后 之前生成的Prefab中的原模型脚本不会丢失
    Enum.Parse
    Assert断言机制
    20170612
    Unity Cookie
  • 原文地址:https://www.cnblogs.com/dzxczx/p/5443838.html
Copyright © 2011-2022 走看看