(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>
里面的重点都标好了。