谷歌浏览器 insertCell与appendChild的区别

  而使用appendChild方法增加列,显示结果的先后顺序与程序执行的先后顺序相同

  详细可以执行以下代码:

  

复制代码 代码如下:

  <html>

  <script type="text/javascript"><!--

  function generatable(){

  var tableObje = document.getElementById("info");

  var bodyObj = tableObje.tBodies[0];

  var rowObj = bodyObj.insertRow();

  var cellObj = rowObj.insertCell();

  cellObj.innerHTML = "张三";

  cellObj = rowObj.insertCell();

  cellObj.innerHTML = "请参阅我编写的其他书目对应的脚本特性为请参阅我编写的其他书目";

  cellObj = rowObj.insertCell();

  cellObj.innerHTML = "当事人地址信息请小房间也是查看。";

  }

  function generatable1(){

  var tableObje = document.getElementById("info");

  var bodyObj = tableObje.tBodies[0];

  var rowObj = document.createElement("tr");

  var cellObj = document.createElement("td");

  cellObj.innerHTML = "张三";

  rowObj.appendChild(cellObj)

  cellObj = document.createElement("td");

  cellObj.innerHTML = "请参阅我编写的其他书目对应的脚本特性为请参阅我编写的其他书目";

  rowObj.appendChild(cellObj);

  cellObj = document.createElement("td");

  cellObj.innerHTML = "当事人地址信息请小房间也是查看。";

  rowObj.appendChild(cellObj);

  bodyObj.appendChild(rowObj);

  }

  // --></script>

  <body onload="generatable()">

  <table width=100 bgcolor=#f3f3f3 id=info border=1 style="table-layout:fixed;" style="table-layout:fixed;">

  <thead>

  <tr>

  <td style="width:80">姓名</td>

  <td style="width:200">描述</td>

  <td style="width:100">地址</td>

  </tr>

  </thead>

  <tbody>

  </tbody>

  </table>

  </body>

  </html>