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 }
有不对的地方 请大家指正