Question

如何用javascript绘制动态表格

Answer 1

要上班了,简单写了一段脚本,提供一个思路 主要是通过 javascript + DOM实现的, <script> function DeleteTr(i) { var table = document.getElementById("table1"); var tr = table.childNodes[0]; tr.removeChild(tr.childNodes[i]); } function AppendTr() { var table = document.getElementById("table1"); var tr = table.childNodes[0]; var trnew = document.createElement("tr"); var td = document.createElement("td"); var text = document.createTextNode("表格内容"); td.appendChild(text); trnew.appendChild(td); tr.appendChild(trnew); } </script> <table id="table1" border="1"> <tr><td>1</td></tr> <tr><td>2</td></tr> <tr><td>3</td></tr> <tr><td>4</td></tr> </table> <input type="button" onclick="DeleteTr(2);" value="delete row 3"> <input type="button" onclick="AppendTr();" value="Insert row">