<html> <head> <title>study</title> <meta http-equiv="content-type" content="text/html;charset=gb2312" /> <mce:script type="text/javascript" language="javascript"><!-- window.οnlοad=function(){ var oTab=document.getElementById("tab"); //得到表格 var otr=oTab.insertRow(1); //创建表格的一行 var oText=new Array(); //建立一行表格的内容 oText[0]=document.createTextNode("2"); oText[1]=document.createTextNode("juju"); oText[2]=document.createTextNode("han"); oText[3]=document.createTextNode("liuxiang"); for(var i=0;i<oText.length;i++){ var otd=otr.insertCell(i); //行中插入单元格 otd.appendChild(oText); //将内容放入表格中 } } function del(no){ var otab=document.getElementById("tab"); if(otab.rows.length>2){ otab.deleteRow(no); //删除一行 otab.rows[1].deleteCell(0); //删除一个单元格 } else{ alert("只剩一行了!"); } } // --></mce:script> <mce:style type="text/css"><!-- tr { background-color:Silver; } --></mce:style><style type="text/css" mce_bogus="1"> tr { background-color:Silver; }</style> </head> <body> <input type="button" value="删 除" οnclick="del(2)" /> <table id="tab"> <tr> <td>1</td> <td>niuniu</td> <td>tang</td> <td>fengyue</td> </tr> <tr> <td>3</td> <td>niuniu</td> <td>tang</td> <td>fengyue</td> </tr> <tr> <td>4</td> <td>niuniu</td> <td>tang</td> <td>fengyue</td> </tr> <tr> <td>5</td> <td>niuniu</td> <td>tang</td> <td>fengyue</td> </tr> <tr> <td>6</td> <td>niuniu</td> <td>tang</td> <td>fengyue</td> </tr> </table> </body> </html> 运行结果: 1niuniutangfengyue2jujuhanliuxiang3niuniutangfengyue4niuniutangfengyue5niuniutangfengyue6niuniutangfengyue