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 相关文章推荐
图片格式的JavaScript和CSS速查手册
Aug 20 Javascript
jquery 与NVelocity 产生冲突的解决方法
Jun 13 Javascript
Js 导出table内容到Excel的简单实例
Nov 19 Javascript
jquery获取复选框checkbox的值的简单实现方法
May 26 Javascript
vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理
Mar 06 Javascript
jquery表单提交带错误信息提示效果
Mar 09 Javascript
canvas+gif.js打造自己的数字雨头像的示例代码
Oct 26 Javascript
浅谈vue-router2路由参数注意的问题
Nov 08 Javascript
vue项目总结之文件夹结构配置详解
Dec 13 Javascript
微信小程序使用wxParse解析html的实现示例
Aug 30 Javascript
Nuxt升级2.0.0时出现的问题(小结)
Oct 08 Javascript
vue项目中定义全局变量、函数的几种方法
Nov 08 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/10/26 PHP
PHP采集静态页面并把页面css,img,js保存的方法
2014/12/23 PHP
Yii2语言国际化的配置教程
2018/08/19 PHP
php面向对象重点知识分享
2019/09/27 PHP
getElementsByTagName vs selectNodes效率 及兼容的selectNodes实现
2010/02/26 Javascript
jquery.validate分组验证代码
2011/03/17 Javascript
jQuery+css3实现Ajax点击后动态删除功能的方法
2015/08/10 Javascript
快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突
2016/04/15 Javascript
nodejs微信公众号支付开发
2016/09/19 NodeJs
Vue的移动端多图上传插件vue-easy-uploader的示例代码
2017/11/27 Javascript
基于webpack-hot-middleware热加载相关错误的解决方法
2018/02/22 Javascript
vue v-for循环重复数据无法添加问题解决方法【加track-by='索引'】
2019/03/15 Javascript
Node.js实现简单的爬取的示例代码
2019/06/25 Javascript
微信小程序开发摇一摇功能
2019/11/22 Javascript
JavaScript组合模式---引入案例分析
2020/05/23 Javascript
[04:45]上海特级锦标赛主赛事第三日TOP10
2016/03/05 DOTA
Python使用迭代器打印螺旋矩阵的思路及代码示例
2016/07/02 Python
python导出chrome书签到markdown文件的实例代码
2017/12/27 Python
python opencv 读取本地视频文件 修改ffmpeg的方法
2019/01/26 Python
Python3.5 Pandas模块之Series用法实例分析
2019/04/23 Python
基于django ManyToMany 使用的注意事项详解
2019/08/09 Python
Python Pillow.Image 图像保存和参数选择方式
2020/01/09 Python
pycharm如何实现跨目录调用文件
2020/02/28 Python
Python实现自动打开电脑应用的示例代码
2020/04/17 Python
Python unittest单元测试openpyxl实现过程解析
2020/05/27 Python
如何设置PyCharm中的Python代码模版(推荐)
2020/11/20 Python
blueseventy官网:铁人三项和比赛泳衣
2021/02/06 全球购物
合作协议书怎么写
2014/04/18 职场文书
工地宣传标语
2014/06/18 职场文书
图书室标语
2014/06/21 职场文书
金融管理专业求职信
2014/07/10 职场文书
2014年小学英语教师工作总
2014/12/03 职场文书
社区党支部承诺书
2015/04/29 职场文书
在pyCharm中下载第三方库的方法
2021/04/18 Python
分析SQL窗口函数之聚合窗口函数
2022/04/21 Oracle
Apache SkyWalking 监控 MySQL Server 实战解析
2022/09/23 Servers