(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>

    里面的重点都标好了。

posted @ 2017-07-05 20:22  我爱米稀饭  阅读(149)  评论(0编辑  收藏  举报