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 相关文章推荐
Javacript实现颜色梯度变化和渐变的效果代码
May 31 Javascript
随鼠标上下滚动的jquery代码
Dec 05 Javascript
IE6-8中Date不支持toISOString的修复方法
May 04 Javascript
Node.js中的事件驱动编程详解
Aug 16 Javascript
js阻止浏览器默认行为的简单实例
May 15 Javascript
基于JQuery实现分隔条的功能
Jun 17 Javascript
vuejs2.0实现一个简单的分页示例
Feb 22 Javascript
使用prop解决一个checkbox选中后再次选中失效的问题
Jul 05 Javascript
JavaScript继承与聚合实例详解
Jan 22 Javascript
Openlayers显示地理位置坐标的方法
Sep 28 Javascript
Vue实现boradcast和dispatch的示例
Nov 13 Javascript
vue调用微信JSDK 扫一扫,相册等需要注意的事项
Jan 03 Vue.js
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
hadoop中一些常用的命令介绍
2013/06/19 PHP
C#使用PHP服务端的Web Service通信实例
2014/04/08 PHP
Windows下的PHP安装文件线程安全和非线程安全的区别
2014/04/23 PHP
php实现删除指定目录下相关文件的方法
2014/10/20 PHP
Yii2框架实现登录、退出及自动登录功能的方法详解
2017/10/24 PHP
Z-Blog中用到的js代码
2007/03/15 Javascript
jQuery each()方法的使用方法
2010/03/18 Javascript
Google 静态地图API实现代码
2010/11/19 Javascript
jQuery中:hidden选择器用法实例
2014/12/30 Javascript
探究JavaScript函数式编程的乐趣
2015/12/14 Javascript
实例详解ECMAScript5中新增的Array方法
2016/04/05 Javascript
玩转JavaScript OOP - 类的实现详解
2016/06/08 Javascript
在Docker快速部署Node.js应用的详细步骤
2016/09/02 Javascript
Bootstrap Search Suggest使用例子
2016/12/21 Javascript
基于React实现表单数据的添加和删除详解
2017/03/14 Javascript
bootstrap栅格系统示例代码分享
2017/05/22 Javascript
详解Node中导入模块require和import的区别
2017/08/11 Javascript
js中apply()和call()的区别与用法实例分析
2018/08/14 Javascript
layui对工具条进行选择性的显示方法
2019/09/19 Javascript
es6中new.target的作用和使用场景简单示例分析
2020/03/14 Javascript
Python中实现字符串类型与字典类型相互转换的方法
2014/08/18 Python
python中requests模块的使用方法
2015/04/08 Python
Python中的特殊语法:filter、map、reduce、lambda介绍
2015/04/14 Python
Python爬虫包BeautifulSoup异常处理(二)
2018/06/17 Python
pandas进行数据的交集与并集方式的数据合并方法
2018/06/27 Python
python3+django2开发一个简单的人员管理系统过程详解
2019/07/23 Python
Python工程师必考的6个经典面试题
2020/06/28 Python
HTML中meta标签及Keywords
2020/04/15 HTML / CSS
介绍一下.NET构架下remoting和webservice
2014/05/08 面试题
校庆标语集锦
2014/06/25 职场文书
中职毕业生自我鉴定范文(3篇)
2014/09/28 职场文书
房产销售独家委托书范本
2014/10/01 职场文书
党的群众路线教育实践活动心得体会(乡镇)
2014/11/03 职场文书
表彰大会新闻稿
2015/07/17 职场文书
2016年春节问候语
2015/11/11 职场文书
sass 常用备忘案例详解
2021/09/15 HTML / CSS