而使用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>
推荐阅读
[Web]防止用户复制页面内容和另存页面的方法
<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false" onmo>>>详细阅读
本文标题:谷歌浏览器 insertCell与appendChild的区别
地址:http://www.17bianji.com/kaifa2/JS/28979.html
1/2 1