首页 > 网络编程 > JavaScript > javascript技巧 > table 插入多行 在table中插入多行的js代码(与insertAdjacentHTML相似的功能) 2010-06-23 11:05:15 作者： 在table中插入多行，能使用与insertAdjacentHTML相似的功能 <html> <body> <table id=tableList border=1 width=100> <tr><td>1</td></tr> </table> <button onclick=addRow()>插入行</button> </body> <script type="text/javascript"> var num = 1; function addRow() { num ++; InsertRow(tableList,"<tr><td>"+num+"新行</td></tr>"); } function InsertRow(table,rowHtml) { var o=document.createElement("div"),ol; o.innerHTML="<table>"+rowHtml+"</table>" ol=o.childNodes[0].tBodies[0].rows while(ol.length>0){ table.tBodies[0].appendChild(ol[0]) } } </script> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] Table的 tBodies属性是一个JS中的集合，而不是数组，没有sort()方法，所以不能用来直接排序。 您可能感兴趣的文章:JavaScript计算值然后把值嵌入到html中的实现方法(jsp/html)网页上嵌入播放器(常用播放器代码整理)js 复制或插入Html的实现方法小结在HTML中插入JavaScript代码的示例tinyMCE插件开发之插入html,php,sql,js代码 并代码高亮显示在HTML文档中嵌入JavaScript的四种方法
