(9)通过js创建及修改表格

 下面的是一行两格：

<script>

var table_01=document.createElement('table');
var tb_01=document.createElement('tbody');
var tbText_01=document.createTextNode('表格1');
var tbText_02=document.createTextNode('表格2');

//将tb_01放进table_01中，接下来只要在tb_01中操作即可。
table_01.appendChild(tb_01);

//这步，创建新行。用insertRow()  记住，是insertRow()  
//重点一：是insertRow(),其中Row后面没有s.
//重点二：是insertRow(),其中是小括号()，不是中括号。
//下面的insertCell()与这个点重点是一样的。
tb_01.insertRow(0);

//创建新行的第一个单元格，记住，0为第一行，第一个。
tb_01.rows[0].insertCell(0);
//为该单元格接入内容
tb_01.rows[0].cells[0].appendChild(tbText_01);

//创建新行的第二个单元格
tb_01.rows[0].insertCells(1);
tb_01.rows[0].cells[1].appendChild(tbText_02);
 
//第三步，最重要的一步，把table接入文档
document.body.appendChild(table_01);


</script>

    里面的重点都标好了。

转载于:https://www.cnblogs.com/koutuzai/p/7123302.html