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 相关文章推荐
控制打印时页眉角的代码
Feb 08 Javascript
读jQuery之十一 添加事件核心方法
Jul 31 Javascript
JavaScript实现点击按钮后变灰避免多次重复提交
Jul 15 Javascript
js控制当再次点击按钮时的间隔时间
Jun 03 Javascript
bootstrap table 多选框分页保留示例代码
Mar 08 Javascript
JavaScript体验异步更好的解决办法
Jan 08 Javascript
如何在 JavaScript 中更好地利用数组
Sep 27 Javascript
解决angularjs service中依赖注入$scope报错的问题
Oct 02 Javascript
改进 JavaScript 和 Rust 的互操作性并深入认识 wasm-bindgen 组件
Jul 13 Javascript
Vue.js项目实战之多语种网站的功能实现(租车)
Aug 07 Javascript
vue 解决路由只变化参数页面组件不更新问题
Nov 05 Javascript
vue 获取元素额外生成的data-v-xxx操作
Sep 09 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的socket通信
2015/08/11 PHP
PHP简单预防sql注入的方法
2016/09/27 PHP
php运行报错Call to undefined function curl_init()的最新解决方法
2016/11/20 PHP
ext jquery 简单比较
2010/04/07 Javascript
jquery利用ajax调用后台方法实例
2013/08/23 Javascript
js克隆对象、数组的常用方法介绍
2013/09/26 Javascript
jquery弹出遮掩层效果【附实例代码】
2016/04/28 Javascript
Nodejs中解决cluster模块的多进程如何共享数据问题
2016/11/10 NodeJs
微信小程序 用户数据解密详细介绍
2017/01/09 Javascript
vue 系列——vue2-webpack2框架搭建踩坑之路
2017/12/22 Javascript
解决vue动态为数据添加新属性遇到的问题
2018/09/18 Javascript
elementUI select组件默认选中效果实现的方法
2019/03/25 Javascript
vue实现树形结构样式和功能的实例代码
2019/10/15 Javascript
Python的Django框架中设置日期和字段可选的方法
2015/07/17 Python
解决Scrapy安装错误:Microsoft Visual C++ 14.0 is required...
2017/10/01 Python
Python爬虫包BeautifulSoup实例(三)
2018/06/17 Python
Selenium chrome配置代理Python版的方法
2018/11/29 Python
基于Keras 循环训练模型跑数据时内存泄漏的解决方式
2020/06/11 Python
Python实现图片查找轮廓、多边形拟合、最小外接矩形代码
2020/07/14 Python
Python如何实现线程间通信
2020/07/30 Python
10个顶级Python实用库推荐
2021/03/04 Python
使用html5+css3来实现slider切换效果告别javascript+css
2013/01/08 HTML / CSS
台湾前三大B2C购物网站:MOMO购物网
2017/04/27 全球购物
考试没考好检讨书
2014/01/31 职场文书
高中生班主任评语
2014/04/25 职场文书
水利水电建筑施工应届生求职信
2014/07/04 职场文书
关于晚自习早退的检讨书
2014/09/13 职场文书
务工证明怎么写
2015/06/18 职场文书
保护环境建议书作文400字
2015/09/14 职场文书
2016年毕业实习心得体会范文
2015/10/09 职场文书
数据结构课程设计心得体会
2016/01/15 职场文书
2016年优秀班主任先进事迹材料
2016/02/26 职场文书
个人售房合同协议书
2016/03/21 职场文书
Python3中最常用的5种线程锁实例总结
2021/07/07 Python
Windows环境下实现批量执行Sql文件
2021/10/05 SQL Server
JS前端宏任务微任务及Event Loop使用详解
2022/07/23 Javascript