谷歌浏览器 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 相关文章推荐
使一个函数作为另外一个函数的参数来运行的javascript代码
Aug 13 Javascript
Jquery+JSon 无刷新分页实现代码
Apr 01 Javascript
分享XmlHttpRequest调用Webservice的一点心得
Jul 20 Javascript
浅谈javascript 函数内部属性
Jan 21 Javascript
jQuery简单实现input文本框内灰色提示文本效果的方法
Dec 02 Javascript
深入理解javascript函数参数与闭包
Dec 12 Javascript
Bootstrap源码解读导航(6)
Dec 23 Javascript
基于mpvue的小程序项目搭建的步骤
May 22 Javascript
vue移动端实现红包雨效果
Jun 23 Javascript
Vue.js下拉菜单组件使用方法详解
Oct 19 Javascript
vue图片上传组件使用详解
Dec 23 Javascript
js 获取扫码枪输入数据的方法
Jun 10 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教程孙仲岳主讲
2008/01/07 PHP
php实现的验证码文件类实例
2015/06/18 PHP
PHP基于单例模式实现的数据库操作基类
2016/01/15 PHP
PHP的Yii框架中View视图的使用进阶
2016/03/29 PHP
php数据访问之增删改查操作
2016/05/09 PHP
Javascript 判断函数类型完美解决方案
2009/09/02 Javascript
js判断输入是否为正整数、浮点数等数字的函数代码
2010/11/17 Javascript
开发 Internet Explorer 右键功能表(ContextMenu)
2013/07/03 Javascript
JS处理json日期格式化问题
2015/10/01 Javascript
jQuery实现验证年龄简单思路
2016/02/24 Javascript
jQuery实现的可编辑表格完整实例
2016/06/20 Javascript
js与jquery正则验证电子邮箱、手机号、邮政编码的方法
2016/07/04 Javascript
jquery实现界面无刷新加载登陆注册
2016/07/30 Javascript
使用微信小程序开发前端【快速入门】
2016/12/05 Javascript
js实现背景图自适应窗口大小
2017/01/10 Javascript
jQuery实现大图轮播
2017/02/13 Javascript
angular中不同的组件间传值与通信的方法
2017/11/04 Javascript
Vue2.0实现组件数据的双向绑定问题
2018/03/06 Javascript
如何将百度地图包装成Vue的组件的方法步骤
2019/02/12 Javascript
ant design vue 表格table 默认勾选几项的操作
2020/10/31 Javascript
python 数据加密代码
2008/12/24 Python
零基础写python爬虫之urllib2使用指南
2014/11/05 Python
Python中decorator使用实例
2015/04/14 Python
python WindowsError的错误代码详解
2017/07/23 Python
Python探索之修改Python搜索路径
2017/10/25 Python
python逆向入门教程
2018/01/15 Python
利用PyCharm Profile分析异步爬虫效率详解
2019/05/08 Python
EJB2和EJB3在架构上的不同点
2014/09/29 面试题
开办化妆品公司创业计划书
2013/12/26 职场文书
高中政治教学反思
2014/01/18 职场文书
趣味体育活动方案
2014/02/08 职场文书
2014光棍节单身联谊活动策划书
2014/10/10 职场文书
2015年党务公开工作总结
2015/05/19 职场文书
诚信高考倡议书
2019/06/24 职场文书
关于Python中*args和**kwargs的深入理解
2021/08/07 Python
剧场版《转生恶役只好拔除破灭旗标》公开最新视觉图 2023年上映
2022/04/02 日漫