谷歌浏览器 insertCell与appendChild的区别


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>
Javascript 相关文章推荐
调用js时ie6和ie7,ff的区别
Aug 19 Javascript
用Jquery实现多级下拉框无刷新的联动
Dec 22 Javascript
在JS数组特定索引处指定位置插入元素的技巧
Aug 24 Javascript
JS使用eval解析JSON的注意事项分析
Nov 14 Javascript
五种js判断是否为整数类型方式
Dec 03 Javascript
利用jquery获取select下拉框的值
Nov 23 Javascript
js移动焦点到最后位置的简单方法
Nov 25 Javascript
基于Vue生产环境部署详解
Sep 15 Javascript
vue移动端屏幕适配详解
Apr 30 Javascript
javascript二维数组和对象的深拷贝与浅拷贝实例分析
Oct 26 Javascript
Chrome插件开发系列一:弹窗终结者开发实战
Oct 02 Javascript
vue中的计算属性和侦听属性
Nov 06 Javascript
js 判断 enter 事件
Feb 12 #Javascript
JavaScript 克隆数组最简单的方法
Feb 12 #Javascript
js函数使用技巧之 setTimeout(function(){},0)
Feb 09 #Javascript
JS IE和FF兼容性问题汇总
Feb 09 #Javascript
js获取提交的字符串的字节数
Feb 09 #Javascript
jquery插件jbox使用iframe关闭问题
Feb 09 #Javascript
fckeditor 获取文本框值的实现代码
Feb 09 #Javascript
You might like
基于PHP读取csv文件内容的详解
2013/06/18 PHP
ThinkPHP模板判断输出Present标签用法详解
2014/06/30 PHP
PHP打开和关闭文件操作函数总结
2014/11/18 PHP
微信随机生成红包金额算法php版
2016/07/21 PHP
laravel 错误处理,接口错误返回json代码
2019/10/25 PHP
鼠标图片振动代码
2006/07/06 Javascript
js输出列表实现代码
2010/09/12 Javascript
深入理解JavaScript系列(11) 执行上下文(Execution Contexts)
2012/01/15 Javascript
javascript中callee与caller的区别分析
2015/04/20 Javascript
javascript日期格式化方法汇总
2015/10/04 Javascript
JS产生随机数的几个用法详解
2016/06/22 Javascript
JS 实现 ajax 异步浏览器兼容问题
2017/01/21 Javascript
基于bootstrap实现收缩导航条
2017/03/17 Javascript
AngularJS动态添加数据并删除的实例
2018/02/27 Javascript
jQuery滑动效果实现方法分析
2018/09/05 jQuery
使用layui的router来进行传参的实现方法
2019/09/06 Javascript
vue-drawer-layout实现手势滑出菜单栏
2020/11/19 Vue.js
JavaScript Html实现移动端红包雨功能页面
2021/01/10 Javascript
解析Python中的变量、引用、拷贝和作用域的问题
2015/04/07 Python
Python中MySQLdb和torndb模块对MySQL的断连问题处理
2015/11/09 Python
总结python中pass的作用
2019/02/27 Python
python字符串查找函数的用法详解
2019/07/08 Python
kafka-python 获取topic lag值方式
2019/12/23 Python
Python3 集合set入门基础
2020/02/10 Python
Python操作Excel工作簿的示例代码(\*.xlsx)
2020/03/23 Python
如何将tensorflow训练好的模型移植到Android (MNIST手写数字识别)
2020/04/22 Python
canvas实现图片马赛克的示例代码
2018/03/26 HTML / CSS
美国高端婴童品牌:Hanna Andersson
2016/10/30 全球购物
加拿大在线眼镜零售商:SmartBuyGlasses加拿大
2019/05/25 全球购物
英国领先的在线高尔夫商店:Gamola Golf
2019/11/16 全球购物
阳光体育活动总结
2014/04/30 职场文书
区域销售主管岗位职责
2014/06/15 职场文书
大班下学期个人总结
2015/02/13 职场文书
努力学习保证书
2015/02/26 职场文书
区域销售经理岗位职责
2015/04/02 职场文书
学术研讨会主持词
2015/07/04 职场文书