作家
登录

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

作者: 来源:www.28hudong.com 2013-03-30 03:35:44 阅读 我要评论

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做得更完美! 以上意见仅供参考。

  推荐阅读

  JQuery 简便实现页面元素数据验证功能

ASP.NET提供了丰富的数据验证控件,但这个验证功能都必须运用在服务器控件中;在复合验证数据时使用也不是很方便(虽然拖放控件很方便,但拖放数增多和设置相关属性就变得很麻烦的事情)。为了更方便灵活地实现验证>>>详细阅读


本文标题:tbody元素支持嵌套的注意方法

地址:http://www.17bianji.com/kaifa2/JS/30682.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)