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 无刷新分页实例代码
Nov 12 Javascript
node.js中的fs.readdirSync方法使用说明
Dec 17 Javascript
js实现跨域的方法实例详解
Jun 24 Javascript
JavaScript关于提高网站性能的几点建议(一)
Jul 24 Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
Feb 19 Javascript
jQuery插件HighCharts绘制2D带Label的折线图效果示例【附demo源码下载】
Mar 08 Javascript
AngularJS动态菜单操作指令
Apr 25 Javascript
Vue实现动态显示textarea剩余字数
May 22 Javascript
Spring shiro + bootstrap + jquery.validate 实现登录、注册功能
Jun 02 jQuery
JS实现简单的浮动碰撞效果示例
Dec 28 Javascript
Vue修改mint-ui默认样式的方法
Feb 03 Javascript
jQuery实现动态加载(按需加载)javascript文件的方法分析
May 31 jQuery
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 AJAX实例根据邮编自动完成地址信息
2008/11/23 PHP
PHP strtotime函数详解
2009/12/18 PHP
浅析51个PHP处理字符串的函数
2013/08/02 PHP
golang与PHP输出excel示例
2016/07/22 PHP
ecshop添加菜单及权限分配问题
2017/11/21 PHP
用JavaScript调用WebService的示例
2008/04/07 Javascript
jQuery的运行机制和设计理念分析
2011/04/05 Javascript
别了 JavaScript中的isXX系列
2012/08/01 Javascript
解析JavaScript中的不可见数据类型
2013/12/02 Javascript
利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
2013/12/14 Javascript
让table变成exls的示例代码
2014/03/24 Javascript
JavaScript中的fontsize()方法使用详解
2015/06/08 Javascript
javascript实现信息增删改查的方法
2015/07/25 Javascript
跟我学习javascript的作用域与作用域链
2015/11/19 Javascript
JavaScript定时器实现的原理分析
2016/12/06 Javascript
微信小程序 登陆流程详细介绍
2017/01/17 Javascript
jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果示例【附demo源码下载】
2017/03/09 Javascript
JS+html5制作简单音乐播放器
2020/09/13 Javascript
jquery写出PC端轮播图实例
2018/01/26 jQuery
jQuery实现模拟搜索引擎的智能提示功能简单示例
2019/01/27 jQuery
mpvue+vant app搭建微信小程序的方法步骤
2019/02/11 Javascript
详细讲解如何创建, 发布自己的 Vue UI 组件库
2019/05/29 Javascript
详解如何修改 node_modules 里的文件
2020/05/22 Javascript
微信小程序实现通讯录列表展开收起
2020/11/18 Javascript
Python实现Mysql数据库连接池实例详解
2017/04/11 Python
Python正则表达式经典入门教程
2017/05/22 Python
python实现列表的排序方法分享
2019/07/01 Python
详解python logging日志传输
2020/07/01 Python
基于HTML5的齿轮动画特效
2016/02/29 HTML / CSS
会计专业毕业生自荐信范文
2013/12/20 职场文书
《罗布泊,消逝的仙湖》教学反思
2014/03/01 职场文书
三八妇女节活动主持词
2014/03/17 职场文书
人口与计划生育目标管理责任书
2014/07/29 职场文书
政府班子四风问题整改措施思想汇报
2014/10/08 职场文书
丧事酒宴答谢词
2015/09/30 职场文书
Python爬虫数据的分类及json数据使用小结
2021/03/29 Python