谷歌浏览器 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 相关文章推荐
jQuery下的几个你可能没用过的功能
Aug 29 Javascript
关于js拖拽上传 [一个拖拽上传修改头像的流程]
Jul 13 Javascript
jQuery EasyUI API 中文文档 - Panel面板
Sep 30 Javascript
JS实现可改变列宽的table实例
Jul 02 Javascript
javascript操作excel生成报表全攻略
May 04 Javascript
javascript中对变量类型的判断方法
Aug 09 Javascript
javascript自定义滚动条实现代码
Apr 20 Javascript
BootStrap selectpicker
Jun 20 Javascript
深入理解javascript中的 “this”
Jan 17 Javascript
微信小程序 图片宽度自适应的实现
Apr 06 Javascript
Bootstrap-table使用footerFormatter做统计列功能
Sep 07 Javascript
JS实现的简单tab切换功能完整示例
Jun 20 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模板的朋友必看的很多个顶级PHP模板引擎比较分析
2008/05/26 PHP
基于PHP的cURL快速入门教程 (小偷采集程序)
2011/06/02 PHP
php生成二维码的几种方式整理及使用实例
2013/06/03 PHP
php单元测试phpunit入门实例教程
2017/11/17 PHP
jQuery Flash/MP3/Video多媒体插件
2010/01/18 Javascript
js获取单选框或复选框值及操作
2012/12/18 Javascript
js单例模式详解实例
2013/11/21 Javascript
JS批量修改PS中图层名称的方法
2014/01/26 Javascript
Node.js实现简单聊天服务器
2014/06/20 Javascript
jQuery删除一个元素后淡出效果展示删除过程的方法
2015/03/18 Javascript
JavaScript实现点击按钮切换网页背景色的方法
2015/10/17 Javascript
浅析javascript的return语句
2015/12/15 Javascript
JavaScript中的时间处理小结
2016/02/24 Javascript
JQuery手速测试小游戏实现思路详解
2016/09/20 Javascript
jQuery操作元素的内容和样式完整实例分析
2020/01/10 jQuery
Postman环境变量全局变量使用方法详解
2020/08/13 Javascript
[07:25]DOTA2-DPC中国联赛2月5日Recap集锦
2021/03/11 DOTA
Python文件操作类操作实例详解
2014/07/11 Python
python基础教程之Hello World!
2014/08/29 Python
初学Python实用技巧两则
2014/08/29 Python
用Python的Tornado框架结合memcached页面改善博客性能
2015/04/24 Python
Python 多线程抓取图片效率对比
2016/02/27 Python
Python中的__slots__示例详解
2017/07/06 Python
python2.7到3.x迁移指南
2018/02/01 Python
python使用turtle绘制分形树
2018/06/22 Python
python 批量解压压缩文件的实例代码
2019/06/27 Python
Python matplotlib画图时图例说明(legend)放到图像外侧详解
2020/05/16 Python
Python Django搭建网站流程图解
2020/06/13 Python
HTML5 Notification(桌面提醒)功能使用实例
2014/03/17 HTML / CSS
德国鞋子网上商店:Omoda.de
2017/03/31 全球购物
使用useBean标志初始化BEAN时如何接受初始化参数
2012/02/11 面试题
医学生个人求职信范文
2013/09/24 职场文书
2014年大学生四年规划书范文
2014/04/03 职场文书
啦啦队口号大全
2014/06/16 职场文书
红色经典观后感
2015/06/18 职场文书
VUE递归树形实现多级列表
2022/07/15 Vue.js