谷歌浏览器 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 跨域和ajax 跨域问题小结
Jul 01 Javascript
js实现图片放大缩小功能后进行复杂排序的方法
Nov 08 Javascript
ExtJS如何设置与获取radio控件的选取状态
Jan 22 Javascript
利用try-catch判断变量是已声明未声明还是未赋值
Mar 12 Javascript
js换图片效果可进行定时操作
Jun 09 Javascript
JavaScript的设计模式经典之建造者模式
Feb 24 Javascript
解析JavaScript中的字符串类型与字符编码支持
Jun 24 Javascript
通过javascript进行UTF-8编码的实现方法
Jun 27 Javascript
js的各种排序算法实现(总结)
Jul 23 Javascript
javascript checkbox/radio onchange不能兼容ie8处理办法
Jun 13 Javascript
Web安全之XSS攻击与防御小结
Dec 13 Javascript
使用Node.js在深度学习中做图片预处理的方法
Sep 18 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
Windows下PHP的任意文件执行漏洞
2006/10/09 PHP
php快速url重写 更新版[需php 5.30以上]
2010/04/20 PHP
完美的php分页类
2017/10/24 PHP
基于PHP的微信公众号的开发流程详解
2020/08/07 PHP
[IE&amp;FireFox兼容]JS对select操作
2007/01/07 Javascript
网页禁用右键实现代码(JavaScript代码)
2009/10/29 Javascript
JavaScript 数组运用实现代码
2010/04/13 Javascript
AlertBox 弹出层信息提示框效果实现步骤
2010/10/11 Javascript
asp.net 30分钟掌握无刷新 Repeater
2011/09/16 Javascript
javascript使用location.search的示例
2013/11/05 Javascript
js 与 php 通过json数据进行通讯示例
2014/03/26 Javascript
javascript 开发之百度地图使用到的js函数整理
2017/05/19 Javascript
vue2 mint-ui loadmore实现下拉刷新,上拉更多功能
2018/03/21 Javascript
Vue作用域插槽slot-scope实例代码
2018/09/05 Javascript
webpack的CSS加载器的使用
2018/09/11 Javascript
vue中子组件传递数据给父组件的讲解
2019/01/27 Javascript
p5.js实现故宫橘猫赏秋图动画
2019/10/23 Javascript
手动实现vue2.0的双向数据绑定原理详解
2021/02/06 Vue.js
Python实现截屏的函数
2015/07/26 Python
Django Highcharts制作图表
2016/08/27 Python
Python中的错误和异常处理简单操作示例【try-except用法】
2017/07/25 Python
深入浅出分析Python装饰器用法
2017/07/28 Python
分享vim python缩进等一些配置
2018/07/02 Python
Python3.6简单的操作Mysql数据库的三个实例
2018/10/17 Python
python对视频画框标记后保存的方法
2018/12/07 Python
Python实现爬取马云的微博功能示例
2019/02/16 Python
Python 3 实现定义跨模块的全局变量和使用教程
2019/07/07 Python
python获取系统内存占用信息的实例方法
2020/07/17 Python
10个python爬虫入门实例(小结)
2020/11/01 Python
如何利用CSS3制作3D效果文字具体实现样式
2013/05/02 HTML / CSS
小学教师师德感言
2014/02/10 职场文书
白血病募捐倡议书
2014/05/14 职场文书
2014年宣传部个人工作总结
2014/12/06 职场文书
教你如何用python开发一款数字推盘小游戏
2021/04/14 Python
Python实现简单的猜单词
2021/06/15 Python
解决Redis启动警告问题
2022/02/24 Redis