tbody元素支持嵌套的注意方法

所属分类: 网络编程 / JavaScript 阅读数: 548
收藏 0 赞 0 分享
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做得更完美!  
以上意见仅供参考。
更多精彩内容其他人还在看

Node.js事件的正确使用方法

这篇文章主要给大家介绍了关于Node.js事件的正确使用方法,文中通过示例代码介绍的非常详细,对大家学习或者使用Node.js具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享

微信小程序自定义导航栏实例代码

这篇文章主要给大家介绍了关于微信小程序自定义导航栏的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用微信小程序具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享

js字符串处理之绝妙的代码

这篇文章主要介绍了js字符串处理之绝妙的代码,包括字符串去重、将字符放在对象中遍历拼接出字符串、把字符串的奇数位和偶数位分别提取到两个数组中、将两个数组按奇数位和偶数位插入拼接为字符串,有时候需要对字符进行处理的时候可以用得到
收藏 0 赞 0 分享

vue设计一个倒计时秒杀的组件详解

这篇文章主要介绍了vue设计一个倒计时秒杀的组件,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

详解服务端预渲染之Nuxt(介绍篇)

这篇文章主要介绍了详解服务端预渲染之Nuxt(介绍篇),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

javascrit中undefined和null的区别详解

这篇文章主要介绍了javascrit中undefined和null的区别详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

浅谈javascript中的prototype和__proto__的理解

这篇文章主要介绍了浅谈javascript中的prototype和__proto__的理解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

详解vue中this.$emit()的返回值是什么

这篇文章主要介绍了详解vue中this.$emit()的返回值是什么,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

浅谈express.js框架中间件(middleware)

这篇文章主要介绍了浅谈express.js框架中间件(middleware),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

vue自定义指令directive的使用方法

这篇文章主要介绍了vue自定义指令directive的使用方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享
查看更多