繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 谷歌浏览器 insertCell与appendChild的区别
- Javascript
- 推荐js实现商品分类到搜索栏友好提示（人机交互）
- attachEvent的使用方法与传递参数[IE|firefox]
- 用javascript实现鼠标框选
- 一个不错的动感导航菜单
- JavaScript网页制作特殊效果用随机数
- 一段非常好的滑动门[可感应触发或点击触发]兼容IE7 IE6 FireFox Opera
- js实现的的 文字自动''到google search框
- JS值当前DIV的ID值的代码
- 在javascript中，如果删除二维数组中重复的元素
- 一个用js实现的页内搜索代码
- 不用MOUSEMOVE也能滑动啊
- asp 的 分词实现代码
- 更正确的asp冒泡排序
- 用Javscript实现表单复选框的全选功能
- 向fckeditor编辑器插入指定代码的方法
- javascript实现 在光标处插入指定内容
- 如何实现动态删除javascript函数
- javascript父子通信
- JS获取scrollHeight问题想到的标准问题
- 從博客網扣了一個效果出來
Javascript 中的 谷歌浏览器 insertCell与appendChild的区别
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 281 ::
收藏到网摘: 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
