javascript实现动态添加上传
转：何枫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>
复制代码
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论