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——表单应用范例
Feb 20 Javascript
js类中获取外部函数名的方法与代码
Sep 12 Javascript
几个常用的JavaScript字符串处理函数 - split()、join()、substring()和indexOf()
Jun 02 Javascript
JQuery index()方法使用代码
Jun 02 Javascript
Node.js中的流(Stream)介绍
Mar 30 Javascript
Javascript中的getUTCDay()方法使用详解
Jun 10 Javascript
JS上传图片预览插件制作(兼容到IE6)
Aug 07 Javascript
jQuery Raty 一款不错的星级评分插件
Aug 24 Javascript
js实现多张图片延迟加载效果
Jul 17 Javascript
angular2 ng2-file-upload上传示例代码
Aug 23 Javascript
可能被忽略的一些JavaScript数组方法细节
Feb 28 Javascript
使用Angular material主题定义自己的组件库的配色体系
Sep 04 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中获取指定IP的物理地址的代码(正则表达式)
2011/06/23 PHP
简单通用的JS滑动门代码
2008/12/19 Javascript
jquery下组织javascript代码(js函数化)
2010/08/25 Javascript
各种常用的JS函数整理
2013/10/25 Javascript
js文本框输入点回车触发确定兼容IE、FF等
2013/11/19 Javascript
给js文件传参数(详解)
2014/07/13 Javascript
浅谈js函数中的实例对象、类对象、局部变量(局部函数)
2016/11/20 Javascript
jQuery用FormData实现文件上传的方法
2016/11/21 Javascript
新闻上下滚动jquery 超简洁(必看篇)
2017/01/21 Javascript
微信小程序 支付功能开发错误总结
2017/02/21 Javascript
jQuery插件HighCharts绘制2D圆环图效果示例【附demo源码下载】
2017/03/09 Javascript
Vue组件化开发思考
2018/02/02 Javascript
axios 封装上传文件的请求方法
2018/09/26 Javascript
2019最新21个MySQL高频面试题介绍
2020/02/06 Javascript
js实现星星打分效果
2020/07/05 Javascript
如何管理Vue中的缓存页面
2021/02/06 Vue.js
python正常时间和unix时间戳相互转换的方法
2015/04/23 Python
Python使用Django实现博客系统完整版
2020/09/29 Python
Python实现的查询mysql数据库并通过邮件发送信息功能
2018/05/17 Python
Python读取Excel表格,并同时画折线图和柱状图的方法
2018/10/14 Python
用python3教你任意Html主内容提取功能
2018/11/05 Python
Python range、enumerate和zip函数用法详解
2019/09/11 Python
通过 Python 和 OpenCV 实现目标数量监控
2020/01/05 Python
TensorFlow实现保存训练模型为pd文件并恢复
2020/02/06 Python
解决Windows下python和pip命令无法使用的问题
2020/08/31 Python
Answear匈牙利:来自全球200多个知名时尚品牌
2017/04/21 全球购物
致800米运动员广播稿
2014/02/16 职场文书
护士岗前培训自我评鉴
2014/02/28 职场文书
放飞中国梦演讲稿
2014/04/23 职场文书
年终晚会活动方案
2014/08/21 职场文书
2014年党支部工作总结
2014/11/13 职场文书
2014年林业工作总结
2014/12/05 职场文书
小学重阳节活动总结
2015/03/24 职场文书
婚宴致辞
2015/07/28 职场文书
2019入党申请书格式和范文
2019/06/25 职场文书
python基础之函数的定义和调用
2021/10/24 Python