javescript完整操作Table的增加行，删除行的列子大全_javascript技巧

<title>Form Object example</title> <form name="ylform" id="ylform"> <center> <input name="button" type="button" onclick="inserttable()" value="增加表格"><input name="button2" type="button" onclick="insertrow1()" value="增加一行1"><input name="button22" type="button" onclick="insertrow2()" value="增加一行2"> </center> <table border="1" align="center" width="50%" id="yltable"> <tbody id="yl1"><tr> <td width="30%" height="22"><div align="center">1</div></td> <td width="40%"> <div align="center"> <input name="textfield" type="text" value="yl"> </div> </td> <td width="30%"><div align="center"> <input name="button3" type="button" onclick="delrow1()" value="删除1"><input name="button3" type="button" onclick="delrow2()" value="删除2"> </div></td> </tr></tbody> <tbody id="yl2"><tr> <td><div align="center">2</div></td> <td><div align="center"> <input name="textfield2" type="text" value="yanleigis"> </div></td> <td><div align="center"> <input name="button3" type="button" onclick="delrow1()" value="删除1"><input name="button3" type="button" onclick="delrow2()" value="删除2"> </div></td> </tr></tbody> <tbody id="yl3"><tr> <td><div align="center">3</div></td> <td><div align="center"> <input name="textfield22" type="text" value="[e-mail]"> </div></td> <td><div align="center"> <input name="button3" type="button" onclick="delrow1()" value="删除1"><input name="button3" type="button" onclick="delrow2()" value="删除2"> </div></td> </tr></tbody> </table> <center> </center> </form>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]