diff --git "a/10\351\231\210\346\230\212\347\253\245/\344\275\234\344\270\232/22.11.21.html" "b/10\351\231\210\346\230\212\347\253\245/\344\275\234\344\270\232/22.11.21.html"
new file mode 100644
index 0000000000000000000000000000000000000000..973e7787b00e16245c991a49381c0867cd21039f
--- /dev/null
+++ "b/10\351\231\210\346\230\212\347\253\245/\344\275\234\344\270\232/22.11.21.html"
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <script type="text/javascript">
+        DivNum=1;
+        DelNum=1;
+        function RemoveRow() {
+            var OldDiv=document.getElementById('div')
+            var DelDiv=document.getElementById('div'+DelNum)
+            if (DelDiv) {
+                DelNum++
+                OldDiv.removeChild(DelDiv)
+            }
+
+        }
+        function AddRow() {
+            var Input=document.getElementsByTagName('input')
+            var TextArea=document.getElementsByClassName('myArea')
+            var OldDiv=document.getElementById('div')
+            var text1=document.createTextNode(' 公司名称:'+Input[0].value+' ')
+            var text2=document.createTextNode('职位:'+Input[1].value)
+            var text3=document.createTextNode('工作职责及工作内容描述:'+TextArea[0].value)
+            var NewDiv=document.createElement('div')
+            NewDiv.id='div'+DivNum++
+            NewDiv.appendChild(text1)
+            NewDiv.appendChild(text2)
+            NewDiv.appendChild(document.createElement('br'))
+            NewDiv.appendChild(text3)
+            OldDiv.appendChild(NewDiv)
+            console.log(NewDiv.id);
+            
+        }
+    </script>
+    <h2>工作经历</h2>
+    <hr/>
+    <div id="myContainer">
+        <div class="myDiv" id="div">
+            公司名称:<input type="text" />
+            职位:<input type="text" />
+            <a href="javascript:RemoveRow('div1')">删除工作经历</a>
+            <br />
+            工作职责及工作内容描述: 
+            <textarea class="myArea"></textarea>
+            <hr />
+        </div>			
+    </div>
+    
+    <div style="line-height: 30px; text-align: right;">
+        <a href="javascript:AddRow();">添加工作经历</a>
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git "a/10\351\231\210\346\230\212\347\253\245/\344\275\234\344\270\232/22.11.21\345\205\250\351\200\211\345\217\215\351\200\211\347\273\203\344\271\240.html" "b/10\351\231\210\346\230\212\347\253\245/\344\275\234\344\270\232/22.11.21\345\205\250\351\200\211\345\217\215\351\200\211\347\273\203\344\271\240.html"
new file mode 100644
index 0000000000000000000000000000000000000000..b4a6dd44baca01a783274c5b284e51e9201af96a
--- /dev/null
+++ "b/10\351\231\210\346\230\212\347\253\245/\344\275\234\344\270\232/22.11.21\345\205\250\351\200\211\345\217\215\351\200\211\347\273\203\344\271\240.html"
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<title>getElementsByTagName获取checkbox进行全选</title>
+		<style type="text/css">
+			#myTable{ width: 900px; margin: 0px auto; background-color: #008000;}
+			#myTable td,#myTable th{ background-color: white;}
+			#myDiv{width: 900px; margin: 0px auto; height: 30px; line-height: 30px; 
+			text-align: center;}
+		</style>
+		
+	</head>
+	<body>
+		<script>
+			function SelAll() {
+				var selAll=document.getElementById('selAll')
+				var checkbox=document.getElementsByName('checkbox')
+				for (let i = 0; i < checkbox.length; i++) {
+					if (selAll.checked==true) {
+						checkbox[i].checked=true
+					}else{
+						checkbox[i].checked=false
+					}
+					
+				}
+			}
+			function SelOpposite() {
+				var selOpposite=document.getElementById('selOpposite')
+				var checkbox=document.getElementsByName('checkbox')
+				if (selOpposite.checked==true) {
+					for (let i = 0; i < checkbox.length; i++) {
+					if (checkbox[i].checked==true) {
+						checkbox[i].checked=false
+					}else{
+						checkbox[i].checked=true
+					}
+				}
+				}
+				
+			}
+		</script>
+		<table cellspacing="1" id="myTable">
+			<tr>
+				<th width="200">
+                  <input type="checkbox" id="selAll" onchange="SelAll()" />全选
+				<input type="checkbox" id="selOpposite" onchange="SelOpposite()" />反选
+                        </th>
+				<th width="200">姓名</th>
+				<th width="200">性别</th>
+				<th width="200">专业</th>
+				<th width="200">爱好</th>
+			</tr>
+			<tr>
+				<td><input type="checkbox" name='checkbox'/></td>
+				<td>刘备</td>
+				<td>男</td>
+				<td>软件开发</td>
+				<td>抽烟</td>
+			</tr>
+			<tr>
+				<td><input type="checkbox" name='checkbox'/></td>
+				<td>关羽</td>
+				<td>男</td>
+				<td>国际贸易</td>
+				<td>喝酒</td>
+			</tr>
+			<tr>
+				<td><input type="checkbox" name='checkbox'/></td>
+				<td>张飞</td>
+				<td>男</td>
+				<td>园林设计</td>
+				<td>烫头发</td>
+			</tr>
+			<tr>
+				<td><input type="checkbox" name='checkbox'/></td>
+				<td>赵云</td>
+				<td>男</td>
+				<td>平面设计</td>
+				<td>抽烟</td>
+			</tr>
+			<tr>
+				<td><input type="checkbox" name='checkbox'/></td>
+				<td>黄忠</td>
+				<td>男</td>
+				<td>影视制作</td>
+				<td>玩游戏</td>
+			</tr>
+			<tr>
+				<td><input type="checkbox" name='checkbox'/></td>
+				<td>小乔</td>
+				<td>女</td>
+				<td>高级护理</td>
+				<td>唱歌</td>
+			</tr>
+		</table>
+	</body>
+</html>
\ No newline at end of file

姓名	性别	专业	爱好
刘备	男	软件开发	抽烟
关羽	男	国际贸易	喝酒
张飞	男	园林设计	烫头发
赵云	男	平面设计	抽烟
黄忠	男	影视制作	玩游戏
小乔	女	高级护理	唱歌