UC知道JS中怎么调用函数删除input节点？
来源：百度知道 编辑：UC知道 时间：2024/07/05 03:00:56
像我以下这程序怎么把添加多个选择器后；在每个选择器后面跟着一个删除按钮，点哪个就删除哪个选择器？
代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<style>
#id{
width:50px;
height:20px;
}
</style>
<TITLE> Delete </TITLE>
<script>
var num=2;
function addfile(){
var fi=document.getElementById('first');
var newfi=fi.firstChild.cloneNode();
newfi.id='file'+num;
newfi.name='file'+num;
var newbrfi=document.createElement('br');
fi.appendChild(newfi);
fi.appendChild(newbrfi);
}
</script>
</HEAD>
<BODY>
<input type="button" id="add" value="add" onclick="addfile()">
<div id="first">
<input type="file" id="file1" name="file1">&
代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<style>
#id{
width:50px;
height:20px;
}
</style>
<TITLE> Delete </TITLE>
<script>
var num=2;
function addfile(){
var fi=document.getElementById('first');
var newfi=fi.firstChild.cloneNode();
newfi.id='file'+num;
newfi.name='file'+num;
var newbrfi=document.createElement('br');
fi.appendChild(newfi);
fi.appendChild(newbrfi);
}
</script>
</HEAD>
<BODY>
<input type="button" id="add" value="add" onclick="addfile()">
<div id="first">
<input type="file" id="file1" name="file1">&
<!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>';