js 拼接table 的方法

test pagefunction createTable() {       var t = document.createElement('table');       for (var i = 0; i ) {        var r = t.insertRow();        for (var j = 0; j ) {         var c = r.insertCell();
         c.innerHTML = i + ',' + j;
        }
       }
       
       document.getElementById('table1').appendChild(t);
      t.setAttribute('border', '1');
   }   
   function createTable2() {       var t = document.createElement('table');       var b = document.createElement('tbody');       for (var i = 0; i ) {        var r = document.createElement('tr');        for (var j = 0; j ) {         var c = document.createElement('td');         var m = document.createTextNode(i + ',' + j);
         c.appendChild(m);
         r.appendChild(c);
        }
        b.appendChild(r);
       }
       
       t.appendChild(b);
       document.getElementById('table1').appendChild(t);
      t.setAttribute('border', '1');
   }   
   function createTable3() {    var data = '';
    
    data += '';       for (var i = 0; i ) {
        data += '';        for (var j = 0; j ) {
         data += '' + i + ',' + j + '';
        }
        data += '';
       }
       data += '';
       
       document.getElementById('table1').innerHTML = data;
   }   function createTable4() {    var data = new Array();
    
    data.push('');       for (var i = 0; i ) {
        data.push('');        for (var j = 0; j ) {
         data.push('' + i + ',' + j + '');
        }
        data.push('');
       }
       data.push('');
       
       document.getElementById('table1').innerHTML = data.join('');
   }   function showFunctionRunTime(f) {    var t1 = new Date();
    f();    var t2 = new Date();
    alert(t2 - t1);
   }     //-->
   " _ue_custom_node_="true">
   showFunctionRunTime(createTable);
   showFunctionRunTime(createTable2);
   showFunctionRunTime(createTable3);
   showFunctionRunTime(createTable4);  " _ue_custom_node_="true">


上一篇:DJango的html使用JS循环创建多个按钮元素


下一篇:p640-641动态表格_删除