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 面向对象编程基础:继承
Aug 21 Javascript
js脚本实现数据去重
Nov 27 Javascript
基于JavaScript实现智能右键菜单
Mar 02 Javascript
Javascript 实现放大镜效果实例详解
Dec 03 Javascript
详解Vue生命周期的示例
Mar 10 Javascript
基于JQuery的Ajax方法使用详解
Aug 16 jQuery
基于VUE.JS的移动端框架Mint UI的使用
Oct 11 Javascript
vue2.x+webpack快速搭建前端项目框架详解
Nov 30 Javascript
微信小程序页面生命周期详解
Jan 31 Javascript
创建echart多个联动的示例代码
Nov 23 Javascript
vue通过v-html指令渲染的富文本无法修改样式的解决方案
May 20 Javascript
JavaScript实现图片放大预览效果
Nov 02 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 防止单引号,双引号在接受页面转义
2008/07/10 PHP
Linux系统递归生成目录中文件的md5的方法
2015/06/29 PHP
php反射类ReflectionClass用法分析
2016/05/12 PHP
php使用curl获取header检测开启GZip压缩的方法
2018/08/15 PHP
php中使用array_filter()函数过滤数组实例讲解
2021/03/03 PHP
JS 对输入框进行限制(常用的都有)
2013/07/30 Javascript
jQuery表格插件datatables用法总结
2014/09/05 Javascript
一个JavaScript递归实现反转数组字符串的实例
2014/10/14 Javascript
JavaScript中实现继承的三种方式和实例
2015/01/29 Javascript
String字符串截取的四种方式总结
2016/11/28 Javascript
Bootstrap页面标题Page Header的实现方法
2017/03/22 Javascript
javascript代码优化的8点总结
2018/01/29 Javascript
vue cli 全面解析
2018/02/28 Javascript
解决vue bus.$emit触发第一次$on监听不到问题
2020/07/28 Javascript
python翻译软件实现代码(使用google api完成)
2013/11/26 Python
python缩进区别分析
2014/02/15 Python
跟老齐学Python之画圈还不简单吗?
2014/09/20 Python
centos6.4下python3.6.1安装教程
2017/07/21 Python
python之文件读取一行一行的方法
2018/07/12 Python
Flask框架单例模式实现方法详解
2019/07/31 Python
Django3中的自定义用户模型实例详解
2020/08/23 Python
详解pandas赋值失败问题解决
2020/11/29 Python
Python爬虫之Selenium中frame/iframe表单嵌套页面
2020/12/04 Python
python中if嵌套命令实例讲解
2021/02/25 Python
CSS3的calc()做响应模式布局的实现方法
2017/09/06 HTML / CSS
使用phonegap克隆和删除联系人的实现方法
2017/03/31 HTML / CSS
印尼披萨外送专家:Domino’s Pizza印尼
2017/12/28 全球购物
Sneaker Studio波兰:购买运动鞋
2018/04/28 全球购物
为娇小女性量身打造:Petite Studio
2018/11/01 全球购物
护士自荐信范文
2013/12/15 职场文书
廉政教育心得体会
2014/01/01 职场文书
语文教研活动总结
2014/07/02 职场文书
幼儿园教师师德师风承诺书
2015/04/28 职场文书
四大名著读书笔记
2015/06/25 职场文书
爱护公物主题班会
2015/08/17 职场文书
mysql sql常用语句大全
2022/06/21 MySQL