diff --git "a/38\345\274\240\345\205\210\346\235\260/\344\275\234\344\270\232/2022_11_22js\347\254\254\345\215\201\344\271\235\350\212\202\344\270\223\344\270\232\350\257\276\344\275\234\344\270\232.html" "b/38\345\274\240\345\205\210\346\235\260/\344\275\234\344\270\232/2022_11_22js\347\254\254\345\215\201\344\271\235\350\212\202\344\270\223\344\270\232\350\257\276\344\275\234\344\270\232.html"
new file mode 100644
index 0000000000000000000000000000000000000000..8bcd38a482904200ec851ce64c79d503f56b4015
--- /dev/null
+++ "b/38\345\274\240\345\205\210\346\235\260/\344\275\234\344\270\232/2022_11_22js\347\254\254\345\215\201\344\271\235\350\212\202\344\270\223\344\270\232\350\257\276\344\275\234\344\270\232.html"
@@ -0,0 +1,126 @@
+<!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>
+		<!-- <script>======代码======</script> -->
+	</head>
+	<body>
+		<table cellspacing="1" id="myTable">
+			<tr>
+				<th width="200">
+                  <input type="checkbox" id="selAll" onchange="selAll()" />全选
+				<input type="checkbox" id="All" onchange="All()" />反选
+                        </th>
+				<th width="200">姓名</th>
+				<th width="200">性别</th>
+				<th width="200">专业</th>
+				<th width="200">爱好</th>
+			</tr>
+			<tr>
+				<td><input type="checkbox"/></td>
+				<td>刘备</td>
+				<td>男</td>
+				<td>软件开发</td>
+				<td>抽烟</td>
+			</tr>
+			<tr>
+				<td><input type="checkbox"/></td>
+				<td>关羽</td>
+				<td>男</td>
+				<td>国际贸易</td>
+				<td>喝酒</td>
+			</tr>
+			<tr>
+				<td><input type="checkbox"/></td>
+				<td>张飞</td>
+				<td>男</td>
+				<td>园林设计</td>
+				<td>烫头发</td>
+			</tr>
+			<tr>
+				<td><input type="checkbox"/></td>
+				<td>赵云</td>
+				<td>男</td>
+				<td>平面设计</td>
+				<td>抽烟</td>
+			</tr>
+			<tr>
+				<td><input type="checkbox"/></td>
+				<td>黄忠</td>
+				<td>男</td>
+				<td>影视制作</td>
+				<td>玩游戏</td>
+			</tr>
+			<tr>
+				<td><input type="checkbox"/></td>
+				<td>小乔</td>
+				<td>女</td>
+				<td>高级护理</td>
+				<td>唱歌</td>
+			</tr>
+		</table>
+        <script>
+		const arr = document.querySelectorAll("tr td input");
+            function selAll() {
+				var d = document.querySelector("#selAll").checked ;
+				
+                console.log(d);
+				if(d==false){
+					for (let i = 0; i <arr.length; i++) {
+				 	arr[i].checked = false;
+				}
+				}
+				else{
+					for (let i = 0; i <arr.length; i++) {
+				 	arr[i].checked = true;
+				}
+				}}
+
+			function All() {
+				// var c = document.querySelector("#All").checked ;
+				// if (c==true) {
+				// 	for (let i = 0; i < arr.length; i++) {
+				// 		if (arr[i].checked==true) {
+				// 		arr[i].checked = false;
+				// 	}else{
+				// 		arr[i].checked = true;
+				// 	}
+					
+				// 	}
+				// }else{
+				// 	for (let i = 0; i < arr.length; i++) {
+				// 		if (arr[i].checked==false) {
+				// 		arr[i].checked = true;
+				// 	}else{
+				// 		arr[i].checked = false;
+				// 	}
+					
+				// 	}
+				// }
+
+				var a = document.querySelector("#All").checked;
+				for(let i = 0 ; i < arr.length;i++){
+					
+						if(arr[i].checked == true){
+							arr[i].checked = false;
+						}else{
+							arr[i].checked = true;
+						}
+					
+					
+				}
+			}
+				
+				
+				
+            
+        </script>
+	</body>
+</html>
\ No newline at end of file
diff --git "a/38\345\274\240\345\205\210\346\235\260/\347\254\224\350\256\260/\346\223\215\344\275\234style\346\240\267\345\274\217.md" "b/38\345\274\240\345\205\210\346\235\260/\347\254\224\350\256\260/\346\223\215\344\275\234style\346\240\267\345\274\217.md"
new file mode 100644
index 0000000000000000000000000000000000000000..9d88d6290c82e23fb910a7a0101e65902b076722
--- /dev/null
+++ "b/38\345\274\240\345\205\210\346\235\260/\347\254\224\350\256\260/\346\223\215\344\275\234style\346\240\267\345\274\217.md"
@@ -0,0 +1,37 @@
+操作style样式
+
+控制边框移动
+
+1控制行间距
+
+```js
+#box {
+            width: 200px;无法直接获取需要初始化
+            height: 200px;
+            border: 2px solid darkcyan;
+        }
+
+
+
+<button id="btn" onclick="setMarginLeft()">点击偏移</button>
+var div = document.querySelector('#box');
+        var btn = document.querySelector('#btn');
+```
+
+获取和设置属性的值
+
+```js
+ .mybox{
+            color: aqua;
+        }
+        .mybox1{
+            color: rebeccapurple;
+            display: none;//隐藏属性==none显示属性==block
+        }
+插入:insertBefore()
+克隆元素：cloneNode默认FALSE ，只克隆标签（浅拷贝）只有TRUE时才克隆所以：深拷贝
+```
+
+innerHTML:获取时会将标签一起获取
+
+innerText:只会获取存文本
\ No newline at end of file

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