谷歌浏览器 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 相关文章推荐
让innerText在firefox火狐和IE浏览器都能用的写法
May 14 Javascript
基于JQuery实现鼠标点击文本框显示隐藏提示文本
Feb 23 Javascript
Jquery index()方法 获取相应元素索引值
Oct 12 Javascript
javascript判断机器是否联网的2种方法
Aug 09 Javascript
JavaScript结合AJAX_stream实现流式显示
Jan 08 Javascript
jQuery简单实现隐藏以及显示特效
Feb 26 Javascript
javascript实现的网站访问量统计代码
Dec 20 Javascript
JS实现刷新父页面不弹出提示框的方法
Jun 22 Javascript
AngularJS基于ui-route实现深层路由的方法【路由嵌套】
Dec 14 Javascript
Vue.js中数据绑定的语法教程
Jun 02 Javascript
基于layui轮播图满屏是高度自适应的解决方法
Sep 16 Javascript
vue学习笔记之过滤器的基本使用方法实例分析
Feb 01 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
实用函数9
2007/11/08 PHP
PHP购物车类Cart.class.php定义与用法示例
2016/07/20 PHP
php头像上传预览实例代码
2017/05/02 PHP
ThinkPHP5框架缓存查询操作分析
2018/05/30 PHP
一种JavaScript的设计模式
2006/11/22 Javascript
jQuery实现页面滚动时动态加载内容的方法
2015/03/20 Javascript
阻止表单提交按钮多次提交的完美解决方法
2016/05/16 Javascript
JS代码实现table数据分页效果
2016/05/26 Javascript
浅析vue component 组件使用
2017/03/06 Javascript
Vue.js组件间的循环引用方法示例
2017/12/27 Javascript
NW.js 简介与使用方法
2018/02/01 Javascript
JS扩展String.prototype.format字符串拼接的功能
2018/03/09 Javascript
详解JavaScript添加给定的标签选项
2018/09/17 Javascript
vue2.0 + ele的循环表单及验证字段方法
2018/09/18 Javascript
更优雅的微信小程序骨架屏实现详解
2019/08/07 Javascript
jquery 遍历hash操作示例【基于ajax交互】
2019/10/12 jQuery
有关vue 开发钉钉 H5 微应用 dd.ready() 不执行问题及快速解决方案
2020/05/09 Javascript
javascript实现京东快递单号的查询效果
2020/11/30 Javascript
python发送邮件示例(支持中文邮件标题)
2014/02/16 Python
教你如何将 Sublime 3 打造成 Python/Django IDE开发利器
2014/07/04 Python
Python多线程同步Lock、RLock、Semaphore、Event实例
2014/11/21 Python
Python 实现 贪吃蛇大作战 代码分享
2016/09/07 Python
Python2与Python3的区别实例总结
2019/04/17 Python
关于keras.layers.Conv1D的kernel_size参数使用介绍
2020/05/22 Python
python爬虫使用requests发送post请求示例详解
2020/08/05 Python
python向xls写入数据(包括合并,边框,对齐,列宽)
2021/02/02 Python
NYX Professional Makeup官方网站:专业彩妆和美容产品
2019/10/29 全球购物
不用游标的SQL语句有哪些
2012/09/07 面试题
介绍一下write命令
2012/09/24 面试题
怎样写好自我鉴定
2013/12/04 职场文书
上班睡觉检讨书
2014/01/09 职场文书
岗位廉政承诺书
2014/03/27 职场文书
绿色学校实施方案
2014/03/31 职场文书
怎样填写就业意向
2014/04/02 职场文书
英语教育专业毕业生求职信
2014/08/28 职场文书
回复函格式及范文
2015/07/14 职场文书