js添加input节点，删除input节点

最新推荐文章于 2023-05-29 19:51:26 发布

afterrains

最新推荐文章于 2023-05-29 19:51:26 发布

阅读量3.9k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/happy_jijiawei/article/details/47045141

版权

js 专栏收录该内容

107 篇文章 2 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<style>
#id{
width:50px;
height:20px;
}
</style>
<TITLE> Delete </TITLE>
<script>
var i=0;
function addfile() {
var oTR = document.createElement("tr");
var oTH = document.createElement("th");
var oTD = document.createElement("td");
var oD=document.getElementById('files');
tr = oD.appendChild(oTR);
th = tr.appendChild(oTH);
td = tr.appendChild(oTD);
td.setAttribute("id","td_" + i);
th.setAttribute("id","th_" + i)
td.innerHTML = '文件：<input type="file" name="file[]" id="file[]" value="" size="22" /><a href="javascript:delefile('+i+');">删除</a>';

i++;
}

function delefile(id){
document.getElementById('th_'+id).innerHTML = "";
document.getElementById('td_'+id).innerHTML = "";
}
</script>
</HEAD>
<BODY>
<input type="button" id="add" value="add" οnclick="addfile();">
<div id="first">
<table>
<tbody id="files" name="filess">

</tbody>
</table>
</div>
</BODY>
</HTML>

afterrains

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
js添加input节点，删除input节点

#id{ width:50px; height:20px; } Delete var i=0;function addfile() { var oTR = document.createElement("tr"); var oTH = document.createElement("th"); var oTD = document.cre
复制链接

扫一扫