使用js完成动态添加行

最新推荐文章于 2024-08-08 16:36:35 发布

吴举人

最新推荐文章于 2024-08-08 16:36:35 发布

阅读量779

点赞数

分类专栏： js 文章标签： js 添加行

本文链接：https://blog.csdn.net/qq_40393093/article/details/79904089

版权

js 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<!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>
<script>
var num=1;
function addTr(){
var tab=document.getElementById("tab");
var tr=document.createElement("tr");
var td1=document.createElement("td");
var td2=document.createElement("td");
var td3=document.createElement("td");
td1.innerHTML=num;
num++;
tr.appendChild(td1);
tr.appendChild(td2);
tr.appendChild(td3);
tab.appendChild(tr);
var btn=document.createElement("input");
btn.type="button";
btn.value="删除";
td3.appendChild(btn);
btn.οnclick=function(){
tab.removeChild(tr);
}
}
</script>
<BODY>
<input type="button" value="添加" οnclick="addTr()"/>
<table border="1" id="tab">
<tr>
<td>序号</td>
<td>姓名</td>
<td>是否删除</td>
</tr>
</table>
</BODY>
</HTML>

吴举人

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用js完成动态添加行

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt;&lt;HTML&gt; &lt;HEAD&gt; &lt;TITLE&gt; New Document &lt;/TITLE&gt; &lt;META NAME="Generator" CONTENT="EditPlus"
复制链接

扫一扫

专栏目录