- 论坛徽章:
- 0
|
转：何枫abc
javascript实现动态添加上传
Java代码- 1.javascript实现动态添加上传!!!
- 2.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
- 3.<HTML>
- 4. <HEAD>
- 5. <TITLE> New Document </TITLE>
- 6. <META NAME="Generator" CONTENT="EditPlus">
- 7. <META NAME="Author" CONTENT="">
- 8. <META NAME="Keywords" CONTENT="">
- 9. <META NAME="Description" CONTENT="">
- 10.
- 11. <script type="text/javascript" src="jquery-1.4.3.js"></script>
- 12. <script type="text/javascript">
- 13.
- 14. function addMore(){
- 15. var div = document.getElementById("div1");
- 16. //document.createElement()是在对象中创建一个对象
- 17. var br = document.createElement("br");
- 18. var input = document.createElement("input");
- 19. var button = document.createElement("input");
- 20.
- 21. //Dom中的setAttribute方法可以为元素添加或设置一个属性，并指定属性的值
- 22. input.setAttribute("type","file");
- 23. button.setAttribute("type","button");
- 24. button.setAttribute("value","Remove");
- 25.
- 26. button.onclick = function(){
- 27. div.removeChild(br);
- 28. div.removeChild(input);
- 29. div.removeChild(button);
- 30.
- 31. }
- 32.
- 33. //appendChild() 方法在节点的子节点列表末添加新的子节点。
- 34. //insertBefore() 方法在节点的子节点列表任意位置插入新的节点。
- 35. div.appendChild(br);
- 36. div.appendChild(input);
- 37. div.appendChild(button);
- 38.
- 39. }
- 40. </script>
- 41.
- 42.
- 43. </HEAD>
- 44.
- 45. <BODY>
- 46. <input type="file"/>
- 47. <input type="button" value="more..."onclick="addMore();"/>
- 48. <div id="div1"></div>
- 49. </BODY>
- 50.</HTML>
|
|
免费注册
发表于 2011-03-14 10:31