document对象-操作元素的文档结构
2024-10-09 16:32:35
1 <!DOCTYPE html>
2 <html>
3 <head lang="en">
4 <meta charset="UTF-8">
5 <title></title>
6 <script type="application/javascript">
7 function addFile(){
8 //创建父亲元素对象
9 var div=document.getElementById("container")
10
11 var input1 =document.createElement("input")
12 var br=document.createElement("br")
13 input1.type="file"
14 var input2 =document.createElement("input")
15 input2.type="button"
16 input2.value="删除"
17 input2.onclick=function(){
18 div.removeChild(input1)
19 div.removeChild(br)
20 div.removeChild(input2)
21 }
22 div.appendChild(input1)
23 div.appendChild(input2)
24 div.appendChild(br)
25
26 }
27 </script>
28 </head>
29 <body>
30 <input type="button" value="添加附件" onclick="addFile()">
31 <hr>
32 <div id="container"></div>
33 </body>
34 </html>
最新文章
- 织梦cms、帝国cms、PHPcms优缺点解析
- 揭开GrowingIO无埋点的神秘面纱
- nginx反向代理tomcat访问时浏览器加载失败，出现 ERR_CONTENT_LENGTH_MISMATCH 问题
- grep之字符串搜索算法Boyer-Moore由浅入深（比KMP快3-5倍）
- TEST设置
- codeforces 360 C - NP-Hard Problem
- Oracle创建表格报ORA-00906:缺失左括号错误解决办法
- 【leetcode❤python】83. Remove Duplicates from Sorted List
- java学习系列(一)Java中的IO操作
- protoc-gen-lua
- Gulp那些好用的插件 2016.04.20
- SqlServer 使用小技巧
- 从一个非开发人员转行silverlight满一年的工作总结（第一次发帖）
- Asp.net MVC1 学习1
- SQL Server 分离与附加数据库
- java基础：数组的复制
- C#总结（二）事件Event 介绍总结
- 【LeetCode】206. Reverse Linked List
- java 理解如何实现图片验证码 傻瓜都能看懂。
- MySQL数据库时间查询