谷歌浏览器 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 相关文章推荐
PJ Blog修改-禁止复制的代码和方法
Oct 25 Javascript
获取数组中最大最小值方法js代码(自写)
Aug 12 Javascript
浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异
Nov 12 Javascript
JavaScript SHA512&amp;SHA256加密算法详解
Aug 11 Javascript
javascript中神奇的 Date对象小结
Oct 12 Javascript
angularjs实现时间轴效果的示例代码
Nov 29 Javascript
详解JavaScript中关于this指向的4种情况
Apr 18 Javascript
vue项目中在外部js文件中直接调用vue实例的方法比如说this
Apr 28 Javascript
微信小程序wx.navigateTo中events属性实现页面间通信传值,数据同步
Jul 13 Javascript
vue2.* element tabs tab-pane 动态加载组件操作
Jul 19 Javascript
小程序实现文字循环滚动动画
Jun 14 Javascript
微信小程序scroll-view不能左右滑动问题的解决方法
Jul 09 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
搜索引擎技术核心揭密
2006/10/09 PHP
利用static实现表格的颜色隔行显示
2006/10/09 PHP
php $_SERVER[&quot;REQUEST_URI&quot;]获取值的通用解决方法
2010/06/21 PHP
PHP中设置时区,记录日志文件的实现代码
2013/01/07 PHP
IE下支持文本框和密码框placeholder效果的JQuery插件分享
2015/01/31 Javascript
jQuery选择器源码解读(八):addCombinator函数
2015/03/31 Javascript
jQuery实现元素拖拽并cookie保存顺序的方法
2016/02/20 Javascript
浅析Javascript ES6新增值比较函数Object.is
2016/08/24 Javascript
JavaScript实现DOM对象选择器
2016/09/24 Javascript
简单的js计算器实现
2016/10/26 Javascript
vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能
2018/03/01 Javascript
Javascript迭代、递推、穷举、递归常用算法实例讲解
2019/02/01 Javascript
Vue Element UI + OSS实现上传文件功能
2019/07/31 Javascript
echarts.js 动态生成多个图表 使用vue封装组件操作
2020/07/19 Javascript
js实现弹窗效果
2020/08/09 Javascript
javascript实现移动端上传图片功能
2020/08/18 Javascript
如何使用 JavaScript 操作浏览器历史记录 API
2020/11/24 Javascript
[06:21]完美世界亚洲区首席发行官竺琦TI3采访
2013/08/26 DOTA
[59:26]DOTA2上海特级锦标赛D组资格赛#1 EG VS VP第二局
2016/02/28 DOTA
在Python中使用next()方法操作文件的教程
2015/05/24 Python
Python实现包含min函数的栈
2016/04/29 Python
python生成tensorflow输入输出的图像格式的方法
2018/02/12 Python
Python(TensorFlow框架)实现手写数字识别系统的方法
2018/05/29 Python
python 检查文件mime类型的方法
2018/12/08 Python
python解析xml简单示例
2019/06/21 Python
python学生管理系统的实现
2020/04/05 Python
python3爬虫中多线程进行解锁操作实例
2020/11/25 Python
Django中ORM的基本使用教程
2020/12/22 Python
利用canvas实现图片下载功能来实现浏览器兼容问题
2019/05/31 HTML / CSS
Wiggle中国:英国骑行、跑步、游泳 & 铁三运动装备专卖网店
2016/08/02 全球购物
英国现代家具和装饰网站:PN Home
2018/08/16 全球购物
中学生班主任评语
2014/01/30 职场文书
擅自离岗检讨书
2014/02/11 职场文书
2014机关党员干部“正风肃纪”思想汇报
2014/09/15 职场文书
幼儿园安全工作总结2015
2015/04/20 职场文书
六年级上册《闻官军收河南河北》的教学设计
2019/11/15 职场文书