在table中插入多行的js代码(与insertAdjacentHTML相似的功能)_javascript技巧

<table id="tableList" border="1" width="100"> <tr><td>1</td></tr> </table> <button onclick="addRow()">插入行</button> <script type="text/javascript"> var num = 1; function addRow() { num ++; InsertRow(tableList,"<tr><td>"+num+"新行"); } function InsertRow(table,rowHtml) { var o=document.createElement("div"),ol; o.innerHTML="<table>"+rowHtml+"" 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()方法，所以不能用来直接排序。