谷歌浏览器 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 相关文章推荐
window.addEventListener来解决让一个js事件执行多个函数
Dec 26 Javascript
jquery及原生js获取select下拉框选中的值示例
Oct 25 Javascript
js中函数调用的两种常用方法使用介绍
Jul 17 Javascript
打造个性化的功能强大的Jquery虚拟键盘(VirtualKeyboard)
Oct 11 Javascript
Javascript设计模式理论与编程实战之简单工厂模式
Nov 03 Javascript
深入理解JavaScript中的call、apply、bind方法的区别
May 30 Javascript
浅谈jquery之on()绑定事件和off()解除绑定事件
Oct 26 Javascript
详解Vue.js入门环境搭建
Mar 17 Javascript
深入理解Angular.JS中的Scope继承
Jun 04 Javascript
如何使node也支持从url加载一个module详解
Jun 05 Javascript
vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
Aug 05 Javascript
如何使用 vue + d3 画一棵树
Dec 03 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连接mssql:pdo odbc sql server
2011/07/20 PHP
PHP字符过滤函数去除字符串最后一个逗号(rtrim)
2013/03/26 PHP
基于MySQL体系结构的分析
2013/05/02 PHP
Session服务器配置指南与使用经验的深入解析
2013/06/17 PHP
php的sprintf函数的用法 控制浮点数格式
2014/02/14 PHP
WebQQ最新登陆协议的用法
2014/12/22 PHP
Zend Framework教程之Zend_Db_Table用法详解
2016/03/21 PHP
PHP pear安装配置教程
2016/05/14 PHP
tp框架(thinkPHP)实现三次登陆密码错误之后锁定账号功能示例
2018/05/24 PHP
php+iframe 实现上传文件功能示例
2020/03/04 PHP
javascript 自定义事件初探
2009/08/21 Javascript
JavaScript replace(rgExp,fn)正则替换的用法
2010/03/04 Javascript
深入剖析JavaScript中的枚举功能
2014/03/06 Javascript
通过JS动态创建一个html DOM元素并显示
2014/10/15 Javascript
js打造数组转json函数
2015/01/14 Javascript
javascript实现任务栏消息提示的简单实例
2016/05/31 Javascript
create-react-app使用antd按需加载的样式无效问题的解决
2019/02/26 Javascript
node实现爬虫的几种简易方式
2019/08/22 Javascript
解析vue、angular深度作用选择器
2019/09/11 Javascript
[01:00:30]TFT vs VGJ.T Supermajor 败者组 BO3 第一场 6.5
2018/06/06 DOTA
[42:52]IG vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
好的Python培训机构应该具备哪些条件
2018/05/23 Python
Flask框架重定向,错误显示,Responses响应及Sessions会话操作示例
2019/08/01 Python
Python pandas.DataFrame 找出有空值的行
2019/09/09 Python
完美解决pycharm导入自己写的py文件爆红问题
2020/02/12 Python
HTML5轻松实现全屏视频背景的示例
2018/04/23 HTML / CSS
微信小程序之html5 canvas绘图并保存到系统相册
2019/06/20 HTML / CSS
美国杂志订阅折扣与优惠网站:Magazines.com
2016/08/31 全球购物
学习张丽丽心得体会
2014/09/03 职场文书
2014第二批党的群众路线教育实践活动对照检查材料思想汇报
2014/09/18 职场文书
中标通知书
2015/04/17 职场文书
离婚起诉书范本
2015/05/18 职场文书
麦田里的守望者读书笔记
2015/06/30 职场文书
详解JavaScript中的执行上下文及调用堆栈
2021/04/29 Javascript
MongoDB连接数据库并创建数据等使用方法
2021/11/27 MongoDB
python计算列表元素与乘积详情
2022/08/05 Python