谷歌浏览器 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生成二级菜单的实例代码
Jun 24 Javascript
js hover 定时器(实例代码)
Nov 12 Javascript
Javascript中call与apply的学习笔记
Sep 22 Javascript
JavaScript如何自定义trim方法
Jul 28 Javascript
【JS+CSS3】实现带预览图幻灯片效果的示例代码
Mar 17 Javascript
JS日期对象简单操作(获取当前年份、星期、时间)
Oct 26 Javascript
Bootstrap基本插件学习笔记之轮播幻灯片(23)
Dec 08 Javascript
vue里如何主动销毁keep-alive缓存的组件
Mar 21 Javascript
如何利用vue+vue-router+elementUI实现简易通讯录
May 13 Javascript
vue-cli基础配置及webpack配置修改的完整步骤
Oct 20 Javascript
JavaScript实现栈结构Stack过程详解
Mar 07 Javascript
JS实现横向跑马灯效果代码
Apr 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处理json时中文问题的解决方法
2011/04/12 PHP
浅析PHP的ASCII码转换类
2013/07/05 PHP
ThinkPHP空模块和空操作详解
2014/06/30 PHP
javascript 设为首页与加入收藏兼容多浏览器代码
2011/01/11 Javascript
jQuery对表单的操作代码集合
2011/04/06 Javascript
简单的前端js+ajax 购物车框架(入门篇)
2011/10/29 Javascript
JavaScript去除空格的三种方法(正则/传参函数/trim)
2013/02/06 Javascript
Jquery Validate 正则表达式实用验证代码大全
2013/08/23 Javascript
用JS做的简单的可折叠的两级树形菜单
2013/09/21 Javascript
基于jquery自定义的漂亮单选按钮RadioButton
2013/11/19 Javascript
js加密解密字符串可自定义密码因子
2014/05/13 Javascript
jQuery插件实现带圆点的焦点图片轮播切换
2016/01/18 Javascript
js实现键盘自动打字效果
2016/12/23 Javascript
Node.JS中事件轮询(Event Loop)的解析
2017/02/25 Javascript
[js高手之路]单例模式实现模态框的示例
2017/09/01 Javascript
Koa2微信公众号开发之消息管理
2018/05/16 Javascript
element-ui 设置菜单栏展开的方法
2018/08/22 Javascript
利用Vconsole和Fillder进行移动端抓包调试方法
2019/03/05 Javascript
Vue 实现前端权限控制的示例代码
2019/07/09 Javascript
vue点击标签切换选中及互相排斥操作
2020/07/17 Javascript
urllib2自定义opener详解
2014/02/07 Python
用Python设计一个经典小游戏
2017/05/15 Python
Python内置函数 next的具体使用方法
2017/11/24 Python
python3+PyQt5泛型委托详解
2018/04/24 Python
Centos下实现安装Python3.6和Python2共存
2018/08/15 Python
python学习——内置函数、数据结构、标准库的技巧(推荐)
2019/04/18 Python
HTML5地理定位实例
2014/10/15 HTML / CSS
实例讲解使用SVG制作loading加载动画的方法
2016/04/05 HTML / CSS
移动端开发HTML5页面点击按钮后出现闪烁或黑色背景的解决办法
2018/09/19 HTML / CSS
英国性感内衣和睡衣品牌:Bluebella
2018/01/26 全球购物
质量提升方案
2014/06/16 职场文书
公共机构节能宣传周活动总结
2014/07/09 职场文书
傅雷家书读书笔记
2015/06/29 职场文书
2015年工会工作总结范文
2015/07/23 职场文书
初二物理教学反思
2016/02/19 职场文书
java协程框架quasar和kotlin中的协程对比分析
2022/02/24 Java/Android