今天同事问了我一个问题,为表格添加新的行,我用的js写了一下,代码如下:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> var j=1; function addtr(){ var tableobj =document.getElementById("tid"); var trobj =document.createElement("tr"); var tdobj = document.createElement("td"); for(var i=0;i<4;i++) { var tdobj=document.createElement("td"); tdobj.innerHTML=j++; trobj.appendChild(tdobj); } trobj.appendChild(tdobj); tableobj.appendChild(trobj); } </script> </head> <body> <input type="button" value="添加行" onclick="addtr()"> <table border="1" id="tid"> <tr> <td>A</td> <td>B</td> <td>C</td> <td>D</td> </tr> </table> </body> </html>
主要是一个appendChild方法。