From 9dc5e94a1f34dbc5c91c5c5850866f0633b82541 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E4=B8=96=E6=B6=9B?= <2124876211@qq.com>
Date: Wed, 23 Nov 2022 00:04:05 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9E=97=E4=B8=96=E6=B6=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../2022.11.21\344\275\234\344\270\232.html"  | 103 ++++++++++++++++++
 .../2022.11.21\347\254\224\350\256\260.md"    |  14 +++
 2 files changed, 117 insertions(+)
 create mode 100644 "23\346\236\227\344\270\226\346\266\233/\344\275\234\344\270\232/2022.11.21\344\275\234\344\270\232.html"
 create mode 100644 "23\346\236\227\344\270\226\346\266\233/\347\254\224\350\256\260/2022.11.21\347\254\224\350\256\260.md"
diff --git "a/23\346\236\227\344\270\226\346\266\233/\344\275\234\344\270\232/2022.11.21\344\275\234\344\270\232.html" "b/23\346\236\227\344\270\226\346\266\233/\344\275\234\344\270\232/2022.11.21\344\275\234\344\270\232.html"
new file mode 100644
index 0000000..35e6c78
--- /dev/null
+++ "b/23\346\236\227\344\270\226\346\266\233/\344\275\234\344\270\232/2022.11.21\344\275\234\344\270\232.html"
@@ -0,0 +1,103 @@
+<!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="allclick()" />全选
+				<input type="checkbox" id="selAll" onchange="changeclick()" />反选
+                        </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 changeclick() {
+				var input = document.querySelectorAll('input')
+				console.log(input);
+				var num=0
+				for (let i = 2; i < input.length; i++) {
+					if (input[i].checked) {
+                		input[i].checked = false;
+						num++
+            		} else {
+                		input[i].checked = true;
+            		}				
+				}
+				if (num==input.length-2) {
+					input[0].checked=false
+				}else if(num==0){
+					input[0].checked=true
+				}
+			}
+
+			function allclick(){
+				var input = document.querySelectorAll('input');
+				var num=0;
+				for (let i = 2; i < input.length; i++) {
+					input[i].checked?num++:input[i].checked = true
+				}
+				if(num==input.length-2){
+					changeclick()
+				}
+			}
+		</script>
+	</body>
+</html>
\ No newline at end of file
diff --git "a/23\346\236\227\344\270\226\346\266\233/\347\254\224\350\256\260/2022.11.21\347\254\224\350\256\260.md" "b/23\346\236\227\344\270\226\346\266\233/\347\254\224\350\256\260/2022.11.21\347\254\224\350\256\260.md"
new file mode 100644
index 0000000..8a3e186
--- /dev/null
+++ "b/23\346\236\227\344\270\226\346\266\233/\347\254\224\350\256\260/2022.11.21\347\254\224\350\256\260.md"
@@ -0,0 +1,14 @@
+element.innerText  // huhu
+element.innerHTML  // <h1>huhu</h1>
+
+创建
+document.createElement
+document.createTextNode
+
+增
+appendChild
+insertBefore
+删
+removeChild
+
+节点  父parentNode    子children
\ No newline at end of file
-- 
Gitee


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