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 相关文章推荐
ExtJs 3.1 XmlTreeLoader Example Error
Feb 09 Javascript
理解Javascript_10_对象模型
Oct 16 Javascript
关于JS字符串函数String.replace()
Apr 07 Javascript
JQuery获取样式中的background-color颜色值的问题
Aug 20 Javascript
Js操作Select大全(取值、设置选中等等)
Oct 29 Javascript
解决bootstrap中modal遇到Esc键无法关闭页面
Mar 09 Javascript
jQuery Easyui datagrid/treegrid 清空数据
Jul 09 Javascript
浅谈$('div a') 与$('div&gt;a')的区别
Jul 18 Javascript
微信小程序技巧之show内容展示,上传文件编码问题
Jan 23 Javascript
详解微信小程序 相对定位和绝对定位
May 11 Javascript
jQuery 动态粒子效果示例代码
Jul 07 jQuery
详解JavaScript 作用域
Jul 14 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
第十二节--类的自动加载
2006/11/16 PHP
php中判断文件存在是用file_exists还是is_file的整理
2012/09/12 PHP
浅谈php中include文件变量作用域
2015/06/18 PHP
JavaScript伸缩的菜单简单示例
2013/12/03 Javascript
JavaScript省市联动实现代码
2014/02/15 Javascript
ext前台接收action传过来的json数据示例
2014/06/17 Javascript
jquery form表单获取内容以及绑定数据
2016/02/24 Javascript
微信jssdk在iframe页面失效问题的解决措施
2016/03/03 Javascript
jquery datatable服务端分页
2016/08/31 Javascript
手机端js和html5刮刮卡效果
2020/09/29 Javascript
javascript删除html标签函数cIsHTML
2017/01/09 Javascript
jQuery移除或禁用html元素点击事件常用方法小结
2017/02/10 Javascript
jQuery实现链接的title快速出现的方法
2017/02/20 Javascript
jquery将标签元素的高设为屏幕的百分比
2017/04/19 jQuery
微信小程序开发之animation循环动画实现的让云朵飘效果
2017/07/14 Javascript
使用重写url机制实现验证码换一张功能
2017/08/01 Javascript
解决百度Echarts图表坐标轴越界的方法
2018/10/17 Javascript
vue的keep-alive中使用EventBus的方法
2019/04/23 Javascript
vue实现购物车选择功能
2020/01/10 Javascript
[01:27:44]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster BO3 第一场 1月24日
2021/03/11 DOTA
零基础写python爬虫之爬虫的定义及URL构成
2014/11/04 Python
Win10 安装PyCharm2019.1.1(图文教程)
2019/09/29 Python
Python笔记之代理模式
2019/11/20 Python
梅西酒窖:Macy’s Wine Cellar
2018/01/07 全球购物
东芝官网商城:还原日式美学,打造美好生活
2018/12/27 全球购物
阿迪达斯香港官网:adidas香港
2019/11/09 全球购物
孝老爱亲模范事迹
2014/01/24 职场文书
银行简历自我评价
2014/02/11 职场文书
护士找工作求职信
2014/07/02 职场文书
商场消防安全责任书
2014/07/29 职场文书
移交协议书
2014/08/19 职场文书
导游词开场白
2015/01/31 职场文书
机关保密工作承诺书
2015/05/04 职场文书
公司催款律师函
2015/05/27 职场文书
html输入两个数实现加减乘除功能
2021/07/01 HTML / CSS
Windows server 2012 配置Telnet以及用法详解
2022/04/28 Servers