From 017c04794d1195ac5aa839a1aac2dd8450fc2199 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E6=96=87=E9=BE=99?= <2717752887@qq.com>
Date: Tue, 22 Nov 2022 23:18:46 +0000
Subject: [PATCH 1/2] =?UTF-8?q?2022-11.21=E7=AC=AC=E5=8D=81=E4=B9=9D?=
 =?UTF-8?q?=E6=AC=A1=E7=AC=94=E8=AE=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 吴文龙 <2717752887@qq.com>
---
 ...35\346\254\241\347\254\224\350\256\260.md" | 33 +++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 "17\345\220\264\346\226\207\351\276\231/\347\254\224\350\256\260/2022-11.21\347\254\254\345\215\201\344\271\235\346\254\241\347\254\224\350\256\260.md"
diff --git "a/17\345\220\264\346\226\207\351\276\231/\347\254\224\350\256\260/2022-11.21\347\254\254\345\215\201\344\271\235\346\254\241\347\254\224\350\256\260.md" "b/17\345\220\264\346\226\207\351\276\231/\347\254\224\350\256\260/2022-11.21\347\254\254\345\215\201\344\271\235\346\254\241\347\254\224\350\256\260.md"
new file mode 100644
index 0000000..603cf4d
--- /dev/null
+++ "b/17\345\220\264\346\226\207\351\276\231/\347\254\224\350\256\260/2022-11.21\347\254\254\345\215\201\344\271\235\346\254\241\347\254\224\350\256\260.md"
@@ -0,0 +1,33 @@
+#  操作style样式
+
+根据id：#
+
+根据class: .
+
+根据标签： div *
+
+获取行间样式的时候需要进行初始化否则无法获取： 
+
+元素名.style.样式名 = 值；修改样式值
+
+元素对象.setAttribute(属性名,属性值)；新增样式属性
+
+如果直接获取行间的width是无法获取到的，需要进行初始化
+
+
+
+# 父子节点
+
+’父节点‘.appendChild（'要添加的子节点'）
+
+’父节点‘.removeChild（'要删除的子节点'）
+
+’父节点‘.replaceChild（'新节点'，'旧节点'）
+
+
+
+# 获取表单的值
+
+获取输入框text的值:  .value
+
+获取单选框选中状态：input.checked
\ No newline at end of file
-- 
Gitee


From 2354ac294fdf903c08979b40b3ff6502e1c7b1ba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E6=96=87=E9=BE=99?= <2717752887@qq.com>
Date: Tue, 22 Nov 2022 23:19:15 +0000
Subject: [PATCH 2/2] =?UTF-8?q?2022-11.21=E7=AC=AC=E5=8D=81=E4=B9=9D?=
 =?UTF-8?q?=E6=AC=A1=E4=BD=9C=E4=B8=9A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 吴文龙 <2717752887@qq.com>
---
 ...346\254\241\344\275\234\344\270\2321.html" | 109 ++++++++++++++++++
 1 file changed, 109 insertions(+)
 create mode 100644 "17\345\220\264\346\226\207\351\276\231/\344\275\234\344\270\232/2022_11.21\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\2321.html"

diff --git "a/17\345\220\264\346\226\207\351\276\231/\344\275\234\344\270\232/2022_11.21\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\2321.html" "b/17\345\220\264\346\226\207\351\276\231/\344\275\234\344\270\232/2022_11.21\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\2321.html"
new file mode 100644
index 0000000..cfc8344
--- /dev/null
+++ "b/17\345\220\264\346\226\207\351\276\231/\344\275\234\344\270\232/2022_11.21\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\2321.html"
@@ -0,0 +1,109 @@
+<!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="getStatus()" />全选
+				<input type="checkbox" id="selAll" onchange="getInvert()" />反选
+                        </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>
+			
+			function getInvert() {
+				var input = document.querySelectorAll('input');
+				var num=0;
+				for (let index = 2; index < input.length; index++) {
+           			 if (input[index].checked) {
+						input[index].checked=false;
+						num++;
+            } else {
+                input[index].checked = true;
+            }
+			}
+			if (num==input.length-2) {
+				input[0].checked=false;
+			}else{
+				input[0].checked=true;
+
+			}
+
+		}
+			
+			 function getStatus() {
+				var input = document.querySelectorAll('input');
+				var num=0;
+				for (let index = 2; index < input.length; index++) {
+            if (input[index].checked) {
+				num++;
+            } else {
+                input[index].checked = true;
+            }
+        }	
+			if (num==input.length-2) {
+			getInvert();
+			
+		}
+				}
+          
+		</script>
+	</body>
+</html>
\ No newline at end of file
-- 
Gitee


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