谷歌浏览器 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实战_读书笔记1—选择jQuery
Jan 22 Javascript
JS过滤url参数特殊字符的实现方法
Dec 24 Javascript
jQuery动画效果animate和scrollTop结合使用实例
Apr 02 Javascript
Jquery插件实现点击获取验证码后60秒内禁止重新获取
Mar 13 Javascript
jquery 动态增加,减少input表单的简单方法(必看)
Oct 12 Javascript
理解JavaScript原型链
Oct 25 Javascript
移动适配的几种方案(三种方案)
Nov 25 Javascript
js基于myFocus实现轮播图效果
Feb 14 Javascript
vue与vue-i18n结合实现后台数据的多语言切换方法
Mar 08 Javascript
vue中各种通信传值方式总结
Feb 14 Javascript
javascript异步处理与Jquery deferred对象用法总结
Jun 04 jQuery
vue 百度地图(vue-baidu-map)绘制方向箭头折线实例代码详解
Apr 28 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设计模式之观察者模式(Observer)详细介绍和代码实例
2014/04/08 PHP
PHP开源开发框架ZendFramework使用中常见问题说明及解决方案
2014/06/12 PHP
浅谈php中include文件变量作用域
2015/06/18 PHP
php编程每天必学之验证码
2016/03/03 PHP
PHP使用栈解决约瑟夫环问题算法示例
2017/08/27 PHP
PHP中PDO事务处理操作示例
2018/05/02 PHP
JQuery实现动态表格点击按钮表格增加一行
2014/08/24 Javascript
javascript学习笔记(一)基础知识
2014/09/30 Javascript
JavaScript中匿名函数的用法及优缺点详解
2016/06/01 Javascript
jquery购物车结算功能实现方法
2020/10/29 Javascript
Angular实现类似博客评论的递归显示及获取回复评论的数据
2017/11/06 Javascript
详解IWinter 一个路由转控制器的 Nodejs 库
2017/11/15 NodeJs
nodejs 生成和导出 word的实例代码
2018/07/31 NodeJs
JQuery Ajax执行跨域请求数据的解决方案
2018/12/10 jQuery
JS中实现浅拷贝和深拷贝的代码详解
2019/06/05 Javascript
jquery实现图片放大镜效果
2020/12/23 jQuery
[36:14]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第二局
2016/02/28 DOTA
Python入门篇之字符串
2014/10/17 Python
深入理解NumPy简明教程---数组2
2016/12/17 Python
Python实现自动登录百度空间的方法
2017/06/10 Python
python 执行文件时额外参数获取的实例
2018/12/18 Python
详解Python的循环结构知识点
2019/05/20 Python
python安装requests库的实例代码
2019/06/25 Python
python同步两个文件夹下的内容
2019/08/29 Python
opencv3/python 鼠标响应操作详解
2019/12/11 Python
python类中super() 的使用解析
2019/12/19 Python
在keras下实现多个模型的融合方式
2020/05/23 Python
keras中的loss、optimizer、metrics用法
2020/06/15 Python
HTML5 canvas基本绘图之文字渲染
2016/06/27 HTML / CSS
全球领先的鞋类零售商:The Walking Company
2016/07/21 全球购物
Giglio英国站:意大利奢侈品购物网
2018/03/06 全球购物
应届生自荐书
2014/06/23 职场文书
单位工作证明格式模板
2014/10/04 职场文书
2014年机关工会工作总结
2014/12/19 职场文书
六年级作文之预言作文
2019/10/25 职场文书
opencv-python图像配准(匹配和叠加)的实现
2021/06/23 Python