<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>怎么实现点击删除,删除一行节点?
<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>怎么实现点击删除,删除一行节点?
<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>