5.添加删除行

复制代码
 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>无标题文档</title>
 6 <script type="text/javascript">
 7 function addRow(){
 8     var table=document.getElementById("mytable");    
 9     var rowindex=table.rows.length;
10   var row=table.insertRow(rowindex);
11         row.insertCell(0).innerHTML="3";
12         row.insertCell(1).innerHTML="4";
13 }
14 function delRow(){
15     var table=document.getElementById("mytable");    
16     var rowindex=table.rows.length;
17      table.deleteRow(rowindex-1);
18 }
19 function delCell(){
20     var table=document.getElementById("mytable");    
21     var rowindex=table.rows.length;
22      table.rows[rowindex-1].deleteCell(0);
23 }
24 </script>
25 </head>
26 
27 <body>
28 <input type="button" value="删除一行" onclick="delRow()"/>
29 <input type="button" value="添加一行" onclick="addRow()"/>
30 <input type="button" value="单元格一行" onclick="delCell()"/>
31 <table id="mytable" border="1">
32    <tr><td>1</td><td>2</td></tr>
33 </table>
34 </body>
35 </html>
复制代码

 

posted @   红酒人生  阅读(287)  评论(0编辑  收藏  举报
编辑推荐:
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
阅读排行:
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 《HelloGitHub》第 106 期
· 数据库服务器 SQL Server 版本升级公告
· C#/.NET/.NET Core技术前沿周刊 | 第 23 期(2025年1.20-1.26)
点击右上角即可分享
微信分享提示