谷歌浏览器 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中val()方法用法实例
Dec 25 Javascript
JavaScript实现的链表数据结构实例
Apr 02 Javascript
浅谈JavaScript中setInterval和setTimeout的使用问题
Aug 01 Javascript
jquery转盘抽奖功能实现
Nov 13 Javascript
input获取焦点时底部菜单被顶上来问题的解决办法
Jan 24 Javascript
js获取隐藏元素的宽高
Feb 24 Javascript
Bootstrap栅格系统使用方法及页面调整变形的解决方法
Mar 10 Javascript
vue-cli的webpack模板项目配置文件分析
Apr 01 Javascript
ES6新特性七:数组的扩充详解
Apr 21 Javascript
jQuery实现动态显示select下拉列表数据的方法
Feb 05 jQuery
JS实现字符串翻转的方法分析
Aug 31 Javascript
html-webpack-plugin修改页面的title的方法
Jun 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
php checkbox 取值详细说明
2010/08/19 PHP
学习php分页代码实例
2013/10/24 PHP
ThinkPHP Where 条件中常用表达式示例(详解)
2017/03/31 PHP
如何通过View::first使用Laravel Blade的动态模板详解
2017/09/21 PHP
flexigrid 参数说明
2010/11/23 Javascript
JS获取节点的兄弟,父级,子级元素的方法
2014/01/09 Javascript
js实现省市联动效果的简单实例
2014/02/10 Javascript
使用upstart把nodejs应用封装为系统服务实例
2014/06/01 NodeJs
Jquery实现图片预加载与延时加载的方法
2014/12/22 Javascript
jQuery中clone()方法用法实例
2015/01/16 Javascript
利用原生JS与jQuery实现数字线性变化的动画
2017/02/24 Javascript
详解从vue-loader源码分析CSS Scoped的实现
2019/09/23 Javascript
15分钟学会vue项目改造成SSR(小白教程)
2019/12/17 Javascript
python创建一个最简单http webserver服务器的方法
2015/05/08 Python
分享几道你可能遇到的python面试题
2017/07/24 Python
Python 快速实现CLI 应用程序的脚手架
2017/12/05 Python
python实现在函数图像上添加文字和标注的方法
2019/07/08 Python
Python 多线程其他属性以及继承Thread类详解
2019/08/28 Python
python解析yaml文件过程详解
2019/08/30 Python
Django框架下静态模板的继承操作示例
2019/11/08 Python
python等待10秒执行下一命令的方法
2020/07/19 Python
Python创建临时文件和文件夹
2020/08/05 Python
CSS3制作文字半透明倒影效果的两种实现方式
2014/08/08 HTML / CSS
乐高奥地利官方商店:LEGO Shop AT
2019/07/16 全球购物
党的群众路线教育实践活动整改落实情况自查报告
2014/10/28 职场文书
党员群众路线学习心得体会
2014/11/04 职场文书
展览会邀请函
2015/02/02 职场文书
2015年城管个人工作总结
2015/05/15 职场文书
美丽人生观后感
2015/06/03 职场文书
看雷锋电影观后感
2015/06/10 职场文书
幼儿园见习总结
2015/06/23 职场文书
2015年社区消防安全工作总结
2015/10/14 职场文书
祝福语集锦:朋友新店开业祝福语
2019/12/10 职场文书
CSS3 菱形拼图实现只旋转div 背景图片不旋转功能
2021/03/30 HTML / CSS
Vue接口封装的完整步骤记录
2021/05/14 Vue.js
MySQL官方导出工具mysqlpump的使用
2021/05/21 MySQL