谷歌浏览器 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 相关文章推荐
javascript编程起步(第三课)
Feb 27 Javascript
jQuery遍历Table应用示例
Apr 09 Javascript
Js实现手机发送验证码时按钮延迟操作
Jun 20 Javascript
JavaScript驾驭网页-DOM
Mar 24 Javascript
关于jquery中动态增加select,事件无效的快速解决方法
Aug 29 Javascript
Vue表单实例代码
Sep 05 Javascript
12个非常有用的JavaScript技巧
May 17 Javascript
webstorm+vue初始化项目的方法
Oct 18 Javascript
js实现图片放大并跟随鼠标移动特效
Jan 18 Javascript
监听element-ui table滚动事件的方法
Mar 26 Javascript
详解在网页上通过JS实现文本的语音朗读
Mar 28 Javascript
laypage+SpringMVC实现后端分页
Jul 27 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操作数组相关函数
2011/02/03 PHP
laravel 5.5 关闭token的3种实现方式
2019/10/24 PHP
不用MOUSEMOVE也能滑动啊
2007/05/23 Javascript
Javascript 获取链接(url)参数的方法
2009/02/15 Javascript
jquery 新手学习常见问题解决方法
2010/04/18 Javascript
JavaScript 构造函数 面相对象学习必备知识
2010/06/09 Javascript
模拟select的代码
2011/10/19 Javascript
js面向对象之公有、私有、静态属性和方法详解
2015/04/17 Javascript
js实现不重复导入的方法
2016/03/02 Javascript
jquery分页插件jquery.pagination.js实现无刷新分页
2016/04/01 Javascript
Jq通过td获取同行其它列td的方法
2016/10/05 Javascript
JS简单获取当前日期和农历日期的方法
2017/04/17 Javascript
Vue学习笔记进阶篇之单元素过度
2017/07/19 Javascript
js实现图片轮播效果学习笔记
2017/07/26 Javascript
在node中使用jwt签发与验证token的方法
2019/04/03 Javascript
Vue.js中的组件系统
2019/05/30 Javascript
基于JavaScript获取url参数2种方法
2020/04/17 Javascript
vue键盘事件点击事件加native操作
2020/07/27 Javascript
js+canvas绘制图形验证码
2020/09/21 Javascript
Flask框架Flask-Principal基本用法实例分析
2018/07/23 Python
python数据批量写入ScrolledText的优化方法
2018/10/11 Python
在unittest中使用 logging 模块记录测试数据的方法
2018/11/30 Python
Python最小二乘法矩阵
2019/01/02 Python
Python操作rabbitMQ的示例代码
2019/03/19 Python
基于python实现百度翻译功能
2019/05/09 Python
Python中Subprocess的不同函数解析
2019/12/10 Python
Python加密模块的hashlib,hmac模块使用解析
2020/01/02 Python
ipython jupyter notebook中显示图像和数学公式实例
2020/04/15 Python
Python3将ipa包中的文件按大小排序
2020/04/17 Python
使用python实现下载我们想听的歌曲,速度超快
2020/07/09 Python
pycharm配置QtDesigner的超详细方法
2021/01/25 Python
加拿大鞋网:Globo Shoes
2019/12/26 全球购物
仓管员岗位责任制
2014/02/19 职场文书
护林防火标语
2014/06/27 职场文书
行政复议答复书
2015/07/01 职场文书
Python趣味挑战之教你用pygame画进度条
2021/05/31 Python