谷歌浏览器 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同时按下两个方向键
Dec 01 Javascript
js 页面关闭前的出现提示的实现代码
May 25 Javascript
javascript实现拖放效果
Dec 16 Javascript
javascript中Date对象的使用总结
Nov 21 Javascript
Node.js中 __dirname 的使用介绍
Jun 19 Javascript
vue中使用vue-cli接入融云实现即时通信
Apr 19 Javascript
vue组件间的参数传递实例详解
Apr 26 Javascript
微信小程序实现音乐播放器
Nov 20 Javascript
JS面向对象之多选框实现
Jan 17 Javascript
Vue中el-form标签中的自定义el-select下拉框标签功能
Apr 20 Javascript
详解nginx配置vue h5 history去除#号
Nov 09 Javascript
js删除对象中的某一个字段的方法实现
Jan 11 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 日期时间函数的高级应用技巧
2009/10/10 PHP
php多文件打包下载的实例代码
2017/07/12 PHP
使用jscript实现二进制读写脚本代码
2008/06/09 Javascript
javascript显示选择目录对话框的代码
2008/11/10 Javascript
利用JQuery为搜索栏增加tag提示
2009/06/22 Javascript
javascript作用域和闭包使用详解
2014/04/25 Javascript
10分钟掌握XML、JSON及其解析
2020/12/06 Javascript
nodejs body-parser 解析post数据实例
2017/07/26 NodeJs
JavaScript实现计数器基础方法
2017/10/10 Javascript
vue使用keep-alive实现数据缓存不刷新
2017/10/21 Javascript
解决vue js IOS H5focus无法自动弹出键盘的问题
2018/08/30 Javascript
Angular脚手架开发的实现步骤
2019/04/09 Javascript
Vue实现导航栏点击当前标签变色功能
2020/08/19 Javascript
微信浏览器下拉黑边解决方案 wScroollFix
2020/01/21 Javascript
Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)
2020/04/27 Javascript
vue el-tree 默认展开第一个节点的实现代码
2020/05/15 Javascript
如何在JS文件中获取Vue组件
2020/09/16 Javascript
python实现定制交互式命令行的方法
2014/07/03 Python
Python开发常用的一些开源Package分享
2015/02/14 Python
python和bash统计CPU利用率的方法
2015/07/10 Python
Python在Windows和在Linux下调用动态链接库的教程
2015/08/18 Python
python生成词云的实现方法(推荐)
2017/06/13 Python
分享vim python缩进等一些配置
2018/07/02 Python
python中pika模块问题的深入探究
2018/10/13 Python
python实现年会抽奖程序
2019/01/22 Python
简单介绍python封装的基本知识
2019/08/10 Python
对pytorch的函数中的group参数的作用介绍
2020/02/18 Python
Python预测2020高考分数和录取情况
2020/07/08 Python
使用CSS3实现SVG路径描边动画效果入门教程
2019/10/21 HTML / CSS
舞会礼服和舞会鞋:PromGirl
2019/04/22 全球购物
英语三分钟演讲稿
2014/08/19 职场文书
安全承诺书
2015/01/19 职场文书
离婚纠纷代理词
2015/05/23 职场文书
唐山大地震观后感
2015/06/05 职场文书
2019年世界儿童日宣传标语
2019/11/22 职场文书
javaScript Array api梳理
2021/03/31 Javascript