请高手指点

vcqqasd 2010-11-08 03:20:19

<html>
<head>
<title>表单元素的增加</title>
<script type="text/JavaScript">
function createElement1(){

var input = document.createElement("input");
input.type="file";

var br =document.createElement("br");

var button = document.createElement("input");
button.type="button";
button.value="删除";

var b1 = document.getElementById("b1");
var f = document.getElementById("f");

f.insertBefore(input,b1);
f.insertBefore(button,b1);
f.insertBefore(br,b1);
}
</script>
</head>
<body >
<form id="f">
<input type="file"><br>
<input id="b1" type="button" value="增加" onclick="createElement1();">
<br>
<input type="submit" value="提交">
</form>
</body>
</html>

怎么实现点击删除，删除一行节点？

...全文

43 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

vcqqasd 2010-11-08

打赏
举报

谢谢大家帮助！

kyzy_yy_pm 2010-11-08

打赏
举报

<html>
<head>
<title>表单元素的增加</title>
<script type="text/JavaScript">
function fun(j){
document.getElementById("f").removeChild(document.getElementById("div" + j));
}
var i = 0;
function createElement1(){
var b1 = document.getElementById("b1");
var f = document.getElementById("f");

var div = document.createElement("div");
div.id = "div" + ++i;
var input = document.createElement("input");
input.type="file";

var br =document.createElement("br");

var button = document.createElement("input");
button.type="button";
button.value="删除";
if(document.addEventListener){
button.addEventListener('click', function(){fun(i)}, false);
}else if(attachEvent){
button.attachEvent('onclick', new Function("fun("+i+")"));
}

div.appendChild(input);
div.appendChild(br);
div.appendChild(button);

f.insertBefore(div,b1);
}
</script>
</head>
<body >
<form id="f">
<input type="file"><br>
<input id="b1" type="button" value="增加" onclick="createElement1();">
<br>
<input type="submit" value="提交">
</form>
</body>
</html>

shaoliang520xi 2010-11-08