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>
分类:
JavaScript
标签:
JavaScript
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 深入理解 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)