谷歌浏览器 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所必须要知道的一些
Mar 07 Javascript
获取JavaScript用户自定义类的类名称的代码
Mar 08 Javascript
javascript multibox 全选
Mar 22 Javascript
csdn 论坛技术区平均给分功能
Nov 07 Javascript
JS实现从网页顶部掉下弹出层效果的方法
Aug 06 Javascript
jQuery配合coin-slider插件制作幻灯片效果的流程解析
May 13 Javascript
javascript封装addLoadEvent实现页面同时加载执行多个函数的方法
Jul 25 Javascript
JS简单实现滑动加载数据的方法示例
Oct 18 Javascript
详解VUE 对element-ui中的ElTableColumn扩展
Mar 28 Javascript
如何能分清npm cnpm npx nvm
Jan 17 Javascript
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
Sep 06 Javascript
利用js实现简易红绿灯
Oct 15 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过滤危险html代码的函数
2008/07/22 PHP
用php来限制每个ip每天浏览页面数量的实现思路
2015/02/24 PHP
PHP判断是否连接上网络的方法
2015/07/01 PHP
WordPress用户登录框密码的隐藏与部分显示技巧
2015/12/31 PHP
PHP判断json格式是否正确的实现代码
2017/09/20 PHP
jqPlot 基于jquery的画图插件
2011/04/26 Javascript
JavaScript中常用的运算符小结
2012/01/18 Javascript
JS获取Table中td值的方法
2015/03/19 Javascript
javascript精确统计网站访问量实例代码
2015/12/19 Javascript
JQuery+EasyUI轻松实现步骤条效果
2016/02/22 Javascript
基于JS模仿windows文件按名称排序效果
2016/06/29 Javascript
AngularJS extend用法详解及实例代码
2016/11/15 Javascript
利用node.js写一个爬取知乎妹纸图的小爬虫
2017/05/03 Javascript
js canvas实现适用于移动端的百分比仪表盘dashboard
2017/07/18 Javascript
vue+springboot前后端分离实现单点登录跨域问题解决方法
2018/01/30 Javascript
用node撸一个监测复联4开售短信提醒的实现代码
2019/04/10 Javascript
python实现去除下载电影和电视剧文件名中的多余字符的方法
2014/09/23 Python
python的re模块应用实例
2014/09/26 Python
python实现查找两个字符串中相同字符并输出的方法
2015/07/11 Python
浅谈对yield的初步理解
2017/05/29 Python
详解TensorFlow查看ckpt中变量的几种方法
2018/06/19 Python
朴素贝叶斯分类算法原理与Python实现与使用方法案例
2018/06/26 Python
详解pandas删除缺失数据(pd.dropna()方法)
2019/06/25 Python
Django框架视图函数设计示例
2019/07/29 Python
关于初始种子自动选取的区域生长实例(python+opencv)
2020/01/16 Python
PyInstaller的安装和使用的详细步骤
2020/06/02 Python
如何一键升级Python所有包
2020/11/05 Python
PyTorch中clone()、detach()及相关扩展详解
2020/12/09 Python
HTML5的结构和语义(5):交互
2008/10/17 HTML / CSS
日语专业推荐信
2013/11/12 职场文书
2014年学校国庆主题活动方案
2014/09/16 职场文书
向国旗敬礼活动小结
2014/09/27 职场文书
余世维讲座观后感
2015/06/11 职场文书
小学庆六一主持词
2015/06/30 职场文书
django上传文件的三种方式
2021/04/29 Python
MySQL数据库优化之通过索引解决SQL性能问题
2022/04/10 MySQL