繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 谷歌浏览器 insertCell与appendChild的区别
- Javascript
- JavaScript事件驱动及事件处理
- JavaScript教程：JavaScript函数
- JavaScript程序控制流
- JavaScript制作滚动文本效果
- JavaScript教程：表达式和运算符
- JavaScript教程：基本数据类型
- JavaScript教程：网页中加入JavaScript
- JavaScript教程:编写一个简单的JavaScript程序
- JavaScript教程:JavaScript程序运行环境
- JavaScript教程:JavaScript和Java的区别
- JavaScript教程：什么是JavaScript？
- JavaScript教程：对象的基础知识
- JavaScript教程:JS的语句及语法
- JavaScript教程:常用对象的属性和方法
- JavaScript教程:基于对象的JS语言范例
- JavaScript教程:对象的定义
- JavaScript教程:创建对象实例
- JavaScript教程:对象方法的使用
- JavaScript教程:JavaScript中的数组
- JavaScript教程:JS中创建新对象范例
Javascript 中的 谷歌浏览器 insertCell与appendChild的区别
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 357 ::
收藏到网摘: n/a
table中增加单元格时 在谷歌浏览器中使用insertCell方法增加列时，显示结果的先后顺序与程序执行的先后顺序相反 而使用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>
评论 (0) All
