谷歌浏览器 insertCell与appendChild的区别

时间：2021-11-14 10:25:14|栏目：JavaScript代码|点击：次

而使用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>

上一篇：通过正则格式化url查询字符串实现代码

栏目：JavaScript代码

下一篇：利用纯js + transition动画实现移动端web轮播图详解

本文标题：谷歌浏览器 insertCell与appendChild的区别

本文地址：http://www.codeinn.net/misctech/183541.html

更多JavaScript代码

JavaScript代码

谷歌浏览器 insertCell与appendChild的区别

阅读排行

推荐教程