tbody元素支持嵌套的注意方法


Posted in Javascript onMarch 24, 2007

function addMessage(messageID,userName,userCreateDate,articleCount,subject,body,creationDate,modifiedDate) 

var br; 
var row = document.createElement("tr"); 
var cell = document.createElement("td"); 

var cellTr = document.createElement("tr"); 
var cellTd = document.createElement("td"); 
cellTd.appendChild(document.createTextNode("用户名:"+userName)); 
cellTr.appendChild(cellTd); 
cell.appendChild(cellTr); 
cellTd = document.createElement("td"); 
cellTd.appendChild(document.createTextNode("创建时间:+userCreateDate")); 
cellTr.appendChild(cellTd); 
cell.appendChild(cellTr); 
cellTd = document.createElement("td"); 
cellTd.appendChild(document.createTextNode("发表文章:"+articleCount)); 
cellTr.appendChild(cellTd); 
cell.appendChild(cellTr); 
row.appendChild(cell); 

cell = document.createElement("td"); 
cellTr = document.createElement("tr"); 
cellTd = document.createElement("td"); 
cellTd.appendChild(document.createTextNode("发表时间:"+creationDate+" "+"修改时间:"+modifiedDate)); 
cellTr.appendChild(cellTd); 
cell.appendChild(cellTr); 
cellTr = document.createElement("tr"); 
cellTd = document.createElement("td"); 
cellTd.appendChild(document.createTextNode(subject)); 
br = document.createElement("br"); 
cellTd.appendChild(br); 
cellTd.appendChild(document.createTextNode(body)); 
cellTr.appendChild(cellTd); 
cell.appendChild(cellTr); 
row.appendChild(cell); 

document.getElementById("messageList").appendChild(row); 

以上代码在ie中出现"意外的调用了方法或属性访问",错误指向最后一句.望各大侠指点迷津

评价:  
你这段代码感觉不优雅~没有重用性~性能底~、  
建议:  
1>采用函数封装实现重用。  
2>对于table的内部嵌套采用如下格式:  

<table>   
<tbody>   
<tr>   
<td></td>   
...    
</tr>   
...    
</tbody>   
<tbody>   
</tbody>   
...    
</table>   

对table动态生成,采用从内到外添加的方案。另尽可能少使用document.createTextNode,性能低。  
3>如果你的table不是在页面加载时需要执行,建议在<script中添加defer即  

<script defer>   
</script>   

4>另外尽量采取对传值对象的封装,调用一次即可。即,可以将你的表格数据封装成[]或{}(当然内部有模型实现)的策略。  
5>如果你js好的话,可以采用prototype做得更完美!  
以上意见仅供参考。

Javascript 相关文章推荐
jQuery之折叠面板的深入解析
Jun 19 Javascript
一个JS函数搞定网页标题(title)闪动效果
May 13 Javascript
常用jQuery选择器总结
Jul 11 Javascript
Javascript闭包实例详解
Nov 29 Javascript
js倒计时简单实现代码
Aug 11 Javascript
Jquery 整理元素选取、常用方法一览表
Nov 26 Javascript
如何用JS/HTML将时间戳转换为“xx天前”的形式
Feb 06 Javascript
angularJS+requireJS实现controller及directive的按需加载示例
Feb 20 Javascript
解决webpack打包速度慢的解决办法汇总
Jul 06 Javascript
深入浅析Node.js 事件循环、定时器和process.nextTick()
Oct 22 Javascript
如何解决webpack-dev-server代理常切换问题
Jan 09 Javascript
JavaScript实现栈结构Stack过程详解
Mar 07 Javascript
xml 与javascript结合的问题解决方法
Mar 24 #Javascript
用prototype实现的简单小巧的多级联动菜单
Mar 24 #Javascript
this[] 指的是什么内容 讨论
Mar 24 #Javascript
javascript对象的property和prototype是这样一种关系
Mar 24 #Javascript
Ajax一统天下之Dojo整合篇
Mar 24 #Javascript
dojo 之基础篇(三)之向服务器发送数据
Mar 24 #Javascript
dojo 之基础篇(二)之从服务器读取数据
Mar 24 #Javascript
You might like
php使用base64加密解密图片示例分享
2014/01/20 PHP
PHP快速按行读取CSV大文件的封装类分享(也适用于其它超大文本文件)
2014/04/10 PHP
php实现对文件压缩简单的方法
2019/09/29 PHP
PHP之header函数详解
2021/03/02 PHP
分享一个自己写的table表格排序js插件(高效简洁)
2011/10/29 Javascript
JavaScript使用Prototype实现面向对象的方法
2015/04/14 Javascript
ajax+jQuery实现级联显示地址的方法
2015/05/06 Javascript
深入解析JavaScript框架Backbone.js中的事件机制
2016/02/14 Javascript
javascript html5轻松实现拖动功能
2017/03/01 Javascript
微信小程序之获取当前位置经纬度以及地图显示详解
2017/05/09 Javascript
详解vue-cli中的ESlint配置文件eslintrc.js
2017/09/25 Javascript
Angular使用过滤器uppercase/lowercase实现字母大小写转换功能示例
2018/03/27 Javascript
vue结合axios与后端进行ajax交互的方法
2018/07/06 Javascript
element-ui中dialog弹窗关闭按钮失效的解决
2020/09/22 Javascript
Webpack的Loader和Plugin的区别
2020/11/09 Javascript
[53:50]CHAOS vs Mineski 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
Python实现备份文件实例
2014/09/16 Python
python制作一个桌面便签软件
2015/08/09 Python
python使用__slots__让你的代码更加节省内存
2018/09/05 Python
python 对多个csv文件分别进行处理的方法
2019/01/07 Python
python实现beta分布概率密度函数的方法
2019/07/08 Python
Python多线程爬取豆瓣影评API接口
2019/10/22 Python
Python调用.NET库的方法步骤
2019/12/27 Python
利用Python代码实现一键抠背景功能
2019/12/29 Python
使用jupyter notebook运行python和R的步骤
2020/08/13 Python
python全栈开发语法总结
2020/11/22 Python
当一个对象被当作参数传递到一个方法后,此方法可改变这个对象的属性,并可返回变化后的结果,那么这里到底是值传递还是引用传递?
2014/09/09 面试题
super关键字的用法
2012/04/10 面试题
自我评价200字分享
2013/12/17 职场文书
汽车技术服务英文求职信范文
2014/01/02 职场文书
珍惜资源的建议书
2014/08/26 职场文书
群教班子对照检查材料
2014/08/26 职场文书
2014年教学管理工作总结
2014/12/02 职场文书
大学生受助感言
2015/08/01 职场文书
Python实现打乒乓小游戏
2021/09/25 Python
Windows Server 2012配置DNS服务器的方法
2022/04/29 Servers