table.html

来自「动态添加表格」· HTML 代码 · 共 43 行

HTML
43 行
字号 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<table id="asp" border="1" celllspacing="0" width="65%" bgcolor="#efefef">
   <tbody>
    <tr>
     <td colspan="2" style="font-weight:bold">TABLE</td>
    </tr>
    <tr>
     <td style="font-weight:bold;text-align:center">title</td>
     <td style="font-weight:bold;text-align:center;">Delete(YES/NO)</td>
    </tr>
   </tbody>
</table>
<input type="button" value="add" onclick="addTr('新加上的')" />
<SCRIPT LANGUAGE="JavaScript">
<!--
var s_i=1;
function addTr(s){
   var tab=document.getElementById("asp");
   var tr=tab.insertRow();
   var td1=document.createElement("td");
   td1.innerHTML=s+s_i;
   td1.style.textAlign="center";
   var td2=document.createElement("td");
   td2.innerHTML="<input type=\"button\" value=\"DELETE\" onclick=\"document.getElementById('asp').deleteRow(event.srcElement.parentElement.parentElement.rowIndex)\"/>";
   td2.style.textAlign="center";
   tr.appendChild(td1);
   tr.appendChild(td2);
}
//-->
</SCRIPT>
</BODY>
</HTML>

table.html - 源码说明

本页面展示了「动态添加表格」中的 table.html 源码文件，采用 HTML 编程语言编写，共 43 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫开发者社区收录了大量与动态表格相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?