⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 table.html

📁 动态添加表格
💻 HTML
字号:
<!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>

⌨️ 快捷键说明

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