Posted in Javascript onFebruary 12, 2009
而使用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>
谷歌浏览器 insertCell与appendChild的区别
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@