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 radio 操作代码
Mar 16 Javascript
JavaScript 学习笔记之变量及其作用域
Jan 14 Javascript
JS表的模拟方法
Feb 05 Javascript
jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效
Apr 12 Javascript
跟我学习javascript的prototype使用注意事项
Nov 17 Javascript
关于webpack2和模块打包的新手指南(小结)
Aug 07 Javascript
mpvue小程序仿qq左滑置顶删除组件
Aug 03 Javascript
解决Vue.js由于延时显示了{{message}}引用界面的问题
Aug 25 Javascript
vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component
Apr 30 Javascript
深入理解基于vue-cli的webpack打包优化实践及探索
Oct 14 Javascript
Javascript如何实现双指控制图片功能
Feb 25 Javascript
vue项目实现多语言切换的思路
Sep 17 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之变量、常量学习笔记
2008/03/27 PHP
批量获取memcache值并按key的顺序返回的实现代码
2011/06/14 PHP
php截取指定2个字符之间字符串的方法
2015/04/15 PHP
php使用ob_flush不能每隔一秒输出原理分析
2015/06/02 PHP
PHP实现统计在线人数功能示例
2016/10/15 PHP
javascript开发技术大全-第3章 js数据类型
2011/07/03 Javascript
基于jquery实现的省市区级联无ajax
2013/09/24 Javascript
javascript页面动态显示时间变化示例代码
2013/12/18 Javascript
jquery实现非叠加式的搜索框提示效果
2014/01/07 Javascript
JavaScript使用cookie实现记住账号密码功能
2015/04/27 Javascript
ANGULARJS中使用JQUERY分页控件
2015/09/16 Javascript
JS中使用FormData上传文件、图片的方法
2016/08/07 Javascript
Angular2数据绑定详解
2017/04/18 Javascript
vue+node+webpack环境搭建教程
2017/11/05 Javascript
微信小程序公用参数与公用方法用法示例
2019/01/09 Javascript
vue 点击展开显示更多(点击收起部分隐藏)
2019/04/09 Javascript
浅谈 Webpack 如何处理图片(开发、打包、优化)
2019/05/15 Javascript
vue 点击其他区域关闭自定义div操作
2020/07/17 Javascript
[03:58]2014DOTA2国际邀请赛 龙宝赛后解密DK获胜之道
2014/07/14 DOTA
[01:18]PWL开团时刻DAY10——一拳超人
2020/11/11 DOTA
python中mechanize库的简单使用示例
2014/01/10 Python
使用Python抓取模板之家的CSS模板
2015/03/16 Python
python flask 多对多表查询功能
2017/06/25 Python
python实现定时自动备份文件到其他主机的实例代码
2018/02/23 Python
Python中出现IndentationError:unindent does not match any outer indentation level错误的解决方法
2020/04/18 Python
flask框架单元测试原理与用法实例分析
2019/07/23 Python
基于python的itchat库实现微信聊天机器人(推荐)
2019/10/29 Python
Kmeans均值聚类算法原理以及Python如何实现
2020/09/26 Python
HTML5超炫酷粒子效果的进度条的实现示例
2019/08/23 HTML / CSS
为什么Runtime.exec(“ls”)没有任何输出?
2014/10/03 面试题
JSF的标签库有哪些
2012/04/27 面试题
公司活动总结范文
2014/07/01 职场文书
小城镇建设汇报材料
2014/08/16 职场文书
九一八事变演讲稿范文
2014/09/14 职场文书
党员干部群众路线个人整改措施
2014/09/18 职场文书
招商引资工作汇报材料
2014/10/28 职场文书