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 相关文章推荐
从父页面读取和操作iframe中内容方法
Jul 25 Javascript
使用jQuery实现input数值增量和减量的方法
Jan 24 Javascript
JavaScript实现文字与图片拖拽效果的方法
Feb 16 Javascript
localResizeIMG先压缩后使用ajax无刷新上传(移动端)
Aug 11 Javascript
jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容
Dec 08 Javascript
微信小程序 摇一摇抽奖简单实例实现代码
Jan 09 Javascript
canvas实现流星雨的背景效果
Jan 13 Javascript
vue构建单页面应用实战
Apr 10 Javascript
用JS实现根据当前时间随机生成流水号或者订单号
May 31 Javascript
JS实现统计字符串中字符出现个数及最大个数功能示例
Jun 04 Javascript
基于AngularJs select绑定数字类型的问题
Oct 08 Javascript
Javascript操作select控件代码实例
Feb 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
discuz安全提问算法
2007/06/06 PHP
老生常谈PHP面向对象之命令模式(必看篇)
2017/05/24 PHP
一个简单的网站访问JS计数器 刷新1次加1次访问
2012/09/20 Javascript
JavaScript 函数replace深入了解
2013/03/14 Javascript
javascript封装的sqlite操作类实例
2015/07/17 Javascript
浅谈JavaScript中的分支结构
2016/07/01 Javascript
js模块加载方式浅析
2017/08/12 Javascript
使用javaScript实现鼠标拖拽事件
2020/04/03 Javascript
bootstrap实现二级下拉菜单效果
2017/11/23 Javascript
vue使用rem实现 移动端屏幕适配
2018/09/26 Javascript
javascript二维数组和对象的深拷贝与浅拷贝实例分析
2019/10/26 Javascript
node使用request请求的方法
2019/12/20 Javascript
Vue项目中数据的深度监听或对象属性的监听实例
2020/07/17 Javascript
vue cli 3.0通用打包配置代码,不分一二级目录
2020/09/02 Javascript
JavaScript实现网页留言板功能
2020/11/23 Javascript
Python打印斐波拉契数列实例
2015/07/07 Python
python中pandas.DataFrame对行与列求和及添加新行与列示例
2017/03/12 Python
Python实现判断字符串中包含某个字符的判断函数示例
2018/01/08 Python
python print 按逗号或空格分隔的方法
2018/05/02 Python
Python中类的创建和实例化操作示例
2019/02/27 Python
解决django后台样式丢失,css资源加载失败的问题
2019/06/11 Python
Django 后台获取文件列表 InMemoryUploadedFile的例子
2019/08/07 Python
python实现ip地址查询经纬度定位详解
2019/08/30 Python
Python列表元素常见操作简单示例
2019/10/25 Python
python网络编程socket实现服务端、客户端操作详解
2020/03/24 Python
利用Python制作动态排名图的实现代码
2020/04/09 Python
Python自动创建Excel并获取内容
2020/09/16 Python
某IT外企面试题-二分法求方程!看看大家的C++功底
2015/07/04 面试题
业务经理的岗位职责
2013/11/16 职场文书
大四学生思想汇报
2014/01/13 职场文书
参观考察邀请函范文
2014/01/29 职场文书
毕业生个人求职自荐信
2014/02/26 职场文书
助人为乐模范事迹材料
2014/06/02 职场文书
2014年电话销售工作总结
2014/12/01 职场文书
幼儿园大班教师评语
2019/06/21 职场文书
Python 发送SMTP邮件的简单教程
2021/06/24 Python