谷歌浏览器 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模拟弹出效果代码修正版
Aug 07 Javascript
超酷的网页音乐播放器DewPlayer使用方法
Dec 18 Javascript
AngularJS入门教程(二):AngularJS模板
Dec 06 Javascript
谈谈AngularJs中的隐藏和显示
Dec 09 Javascript
返回函数的JavaScript函数
Jun 14 Javascript
JS 实现导航菜单中的二级下拉菜单的几种方式
Oct 31 Javascript
基于vue实现分页/翻页组件paginator示例
Mar 09 Javascript
JavaScript使用readAsDataUrl方法预览图片
May 10 Javascript
js中apply和Math.max()函数的问题及区别介绍
Mar 27 Javascript
JS伪继承prototype实现方法示例
Jun 20 Javascript
Layui选项卡制作历史浏览记录的方法
Sep 28 Javascript
node.js中 mysql 增删改查操作及async,await处理实例分析
Feb 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
暴雪前总裁遗憾:没尽早追赶Dota 取消星际争霸幽灵
2020/03/08 星际争霸
在字符串中把网址改成超级链接
2006/10/09 PHP
一篇不错的PHP基础学习笔记
2007/03/18 PHP
php批量删除数据库下指定前缀的表以prefix_为例
2014/08/24 PHP
PHP保存带BOM文件的方法
2015/02/12 PHP
PHP上传图片、删除图片简单实例
2016/11/12 PHP
javascript实时显示北京时间的方法
2015/03/12 Javascript
js实现透明度渐变效果的方法
2015/04/10 Javascript
MVVM模式中ViewModel和View、Model有什么区别?
2015/06/19 Javascript
JS基于Mootools实现的个性菜单效果代码
2015/10/21 Javascript
谈谈我对JavaScript DOM事件的理解
2015/12/18 Javascript
小白谈谈对JS原型链的理解
2016/05/03 Javascript
JS实现快递单打印功能【推荐】
2018/06/21 Javascript
elementUI 设置input的只读或禁用的方法
2018/10/30 Javascript
javascriptvoid(0)含义以及与&quot;#&quot;的区别讲解
2019/01/19 Javascript
JS实现随机抽取三人
2019/11/06 Javascript
js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】
2019/11/07 Javascript
vue实现抽屉弹窗效果
2020/11/15 Javascript
[56:58]VP vs Optic 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[45:16]完美世界DOTA2联赛循环赛 IO vs FTD BO2第二场 11.05
2020/11/06 DOTA
Python设计模式之工厂模式简单示例
2018/01/09 Python
Django 路由系统URLconf的使用
2018/10/11 Python
python中时间模块的基本使用教程
2019/05/14 Python
选择python进行数据分析的理由和优势
2019/06/25 Python
详解Python并发编程之从性能角度来初探并发编程
2019/08/23 Python
Django数据库迁移常见使用方法
2020/11/12 Python
CSS3——齿轮转动关键代码
2013/05/02 HTML / CSS
HTML5使用DOM进行自定义控制示例代码
2013/06/08 HTML / CSS
HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题
2020/05/28 HTML / CSS
仓库理货员岗位职责
2013/12/18 职场文书
创建卫生先进单位实施方案
2014/03/10 职场文书
团日活动总结书
2014/05/08 职场文书
个人自查自纠材料
2014/10/14 职场文书
导游词创作书写原则以及开场白技巧怎么学?
2019/09/25 职场文书
Maven学习----Maven安装与环境变量配置教程
2021/06/29 Java/Android
JavaScript实现音乐播放器
2022/08/14 Javascript