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 相关文章推荐
LazyForm jQuery plugin 定制您的CheckBox Radio和Select
Oct 24 Javascript
向大师们学习Javascript(视频与PPT)
Dec 27 Javascript
用JQuery调用Session的实现代码
Oct 29 Javascript
详解Javascript中prototype属性(推荐)
Sep 03 Javascript
jQuery鼠标事件总结
Oct 13 Javascript
jQuery使用JSONP实现跨域获取数据的三种方法详解
May 04 jQuery
Angular移动端页面input无法输入的解决方法
Nov 14 Javascript
AngularJS 前台分页实现的示例代码
Jun 07 Javascript
JS正则表达式常见用法实例详解
Jun 19 Javascript
vue-cli脚手架搭建的项目去除eslint验证的方法
Sep 29 Javascript
vue限制输入框只能输入8位整数和2位小数的代码
Nov 06 Javascript
JavaScript cookie原理及使用实例
May 08 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
?繁体转换的class
2006/10/09 PHP
PHP删除目录及目录下所有文件的方法详解
2013/06/06 PHP
PHP中把stdClass Object转array的几个方法
2014/05/08 PHP
PHP链接MySQL的常用扩展函数
2014/10/23 PHP
使用PHP实现下载CSS文件中的图片
2015/12/06 PHP
php好代码风格的阶段性总结
2016/06/25 PHP
js 字符串转换成数字的三种方法
2013/03/23 Javascript
jQuery实现表头固定效果的实例代码
2013/05/24 Javascript
instanceof和typeof运算符的区别详解
2014/01/06 Javascript
javascript实现图像循环明暗变化的方法
2015/02/25 Javascript
原生js实现class的添加和删除简单代码
2016/07/12 Javascript
利用three.js画一个3D立体的正方体示例代码
2017/11/19 Javascript
react-router4 配合webpack require.ensure 实现异步加载的示例
2018/01/18 Javascript
element ui table(表格)实现点击一行展开功能
2018/12/04 Javascript
python3连接MySQL数据库实例详解
2018/05/24 Python
深入浅析Python中list的复制及深拷贝与浅拷贝
2018/09/03 Python
python正则表达式匹配[]中间为任意字符的实例
2018/12/25 Python
Python3 关于pycharm自动导入包快捷设置的方法
2019/01/16 Python
Python可变和不可变、类的私有属性实例分析
2019/05/31 Python
基于django ManyToMany 使用的注意事项详解
2019/08/09 Python
python orm 框架中sqlalchemy用法实例详解
2020/02/02 Python
Python新手学习标准库模块命名
2020/05/29 Python
互斥锁解决 Python 中多线程共享全局变量的问题(推荐)
2020/09/28 Python
html5使用Canvas绘图的使用方法
2017/11/21 HTML / CSS
Fresh馥蕾诗英国官网:法国LVMH集团旗下高端天然护肤品牌
2018/11/01 全球购物
北京麒麟网信息技术有限公司网络游戏测试面试题
2013/09/28 面试题
化验室技术员岗位职责
2013/12/24 职场文书
制作部班长职位说明书
2014/02/26 职场文书
《罗布泊,消逝的仙湖》教学反思
2014/03/01 职场文书
村干部承诺书
2014/03/28 职场文书
食品安全汇报材料
2014/08/18 职场文书
2015年出纳年终工作总结
2015/05/14 职场文书
投资申请报告
2015/05/19 职场文书
2016优秀教师先进个人事迹材料
2016/02/25 职场文书
SQL注入篇学习之盲注/宽字节注入
2022/03/03 MySQL
vue3使用vuedraggable实现拖拽功能
2022/04/06 Vue.js