首页 >web前端 >js教程 >tbody元素支持嵌套的注意方法_javascript技巧

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

WBOY
WBOY原创
2016-05-16 19:16:081306浏览

函数 addMessage(messageID、用户名、userCreateDate、articleCount、主题、正文、创建日期、修改日期) 

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的内部请求采用如下格式:  


   

   
   
   
   
...    
   
...    
   
   
   
...    
   
   
   
...    
   
...    
   
   
   
...     <script><br><script defer> <br></script>表>    对表动态生成,采用从内到外添加的方案。另外疑虑少使用document.createTextNode,性能低。   3>如果您的表格不在页面加载时需要执行,建议在    4>另外采取措施对传值对象的封装,调用一次即可。即,可以将你的表格数据封装成[]或{}(当然内部有模型实现)的策略。   5>如果你好的话,可以采用原型做的更完美!   以上意见请参考。
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn