javascript实现动态添加上传!!!
<!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="">
<script type="text/javascript" src="jquery-1.4.3.js"></script>
<script type="text/javascript">
function addMore(){
var div = document.getElementById("div1");
//document.createElement()是在对象中创建一个对象
var br = document.createElement("br");
var input = document.createElement("input");
var button = document.createElement("input");
//Dom中的setAttribute方法可以为元素添加或设置一个属性,并指定属性的值
input.setAttribute("type","file");
button.setAttribute("type","button");
button.setAttribute("value","Remove");
button.onclick = function(){
div.removeChild(br);
div.removeChild(input);
div.removeChild(button);
}
//appendChild() 方法在节点的子节点列表末添加新的子节点。
//insertBefore() 方法在节点的子节点列表任意位置插入新的节点。
div.appendChild(br);
div.appendChild(input);
div.appendChild(button);
}
</script>
</HEAD>
<BODY>
<input type="file"/>
<input type="button" value="more..."onclick="addMore();"/>
<div id="div1"></div>
</BODY>
</HTML>
javascript实现动态添加上传
最新推荐文章于 2021-06-07 13:56:15 发布