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 相关文章推荐
web 页面分页打印的实现
Jun 22 Javascript
需要做特殊处理的DOM元素属性的访问
Nov 05 Javascript
JS短路原理的应用示例 精简代码的途径
Dec 13 Javascript
Jquery动态添加及删除页面节点元素示例代码
Jun 16 Javascript
jQuery获得指定元素坐标的方法
Apr 14 Javascript
最简单的JavaScript图片轮播代码(两种方法)
Dec 18 Javascript
详解JavaScript数组和字符串中去除重复值的方法
Mar 07 Javascript
jQuery实现的多滑动门,多选项卡效果代码
Mar 28 Javascript
Bootstrap table分页问题汇总
May 30 Javascript
微信小程序 出现错误:{&quot;baseresponse&quot;:{&quot;errcode&quot;:-80002,&quot;errmsg&quot;:&quot;&quot;}}解决办法
Feb 23 Javascript
详解Vue源码之数据的代理访问
Dec 11 Javascript
js实现拖拽与碰撞检测
Sep 18 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数组的使用方法小结
2010/09/23 PHP
基于flush()不能按顺序输出时的解决办法
2013/06/29 PHP
php获取bing每日壁纸示例分享
2014/02/25 PHP
thinkphp常见路径用法分析
2014/12/02 PHP
PHP中使用curl伪造IP的简单方法
2015/08/07 PHP
Add a Table to a Word Document
2007/06/15 Javascript
javascript的onchange事件与jQuery的change()方法比较
2009/09/28 Javascript
asp.net中System.Timers.Timer的使用方法
2013/03/20 Javascript
JQuery实现样式设置、追加、移除与切换的方法
2015/06/11 Javascript
JavaScript实现带缓冲效果的随屏滚动漂浮广告代码
2015/11/06 Javascript
js实现对ajax请求面向对象的封装
2016/01/08 Javascript
仿百度换肤功能的简单实例代码
2016/07/11 Javascript
微信小程序 icon组件详细及实例代码
2016/10/25 Javascript
使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条
2017/01/04 Javascript
BootstrapValidator实现注册校验和登录错误提示效果
2017/03/10 Javascript
详解如何在Angular中快速定位DOM元素
2017/05/17 Javascript
vue2.0与bootstrap3实现列表分页效果
2017/11/28 Javascript
vue二级菜单导航点击选中事件的方法
2018/09/12 Javascript
用Vue.js方法创建模板并使用多个模板合成
2019/06/28 Javascript
vue 的 solt 子组件过滤过程解析
2019/09/07 Javascript
javascript实现滚动条效果
2020/03/24 Javascript
python批量提交沙箱问题实例
2014/10/08 Python
python文件特定行插入和替换实例详解
2017/07/12 Python
Python实现PS图像调整之对比度调整功能示例
2018/01/26 Python
python3将变量写入SQL语句的实现方式
2020/03/02 Python
Django视图、传参和forms验证操作
2020/07/15 Python
澳大利亚潮流尖端的快时尚品牌:Cotton On
2016/09/26 全球购物
碧欧泉Biotherm加拿大官方网站:法国高端护肤品牌
2019/10/18 全球购物
外贸销售员求职的自我评价
2013/11/23 职场文书
学生党支部先进事迹
2014/02/04 职场文书
宿舍标语大全
2014/06/19 职场文书
2014年秋季开学典礼致辞
2014/08/02 职场文书
学校2014年度工作总结
2014/12/06 职场文书
辩护词格式
2015/05/22 职场文书
新郎父亲婚礼致辞
2015/07/27 职场文书
使用Ajax实现进度条的绘制
2022/04/07 Javascript