From 214189db4b4d642855b41414241f4017430159b4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BB=96=E6=9F=8F=E6=88=90?= <2771940338@qq.com>
Date: Tue, 22 Nov 2022 23:20:48 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AC=AC=E5=8D=81=E5=85=AB=E6=AC=A1=E4=BD=9C?=
 =?UTF-8?q?=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...\351\200\211\347\273\203\344\271\240.html" | 99 +++++++++++++++++++
 .../2022-11-21 DOM\344\270\213.txt"           | 23 +++++
 2 files changed, 122 insertions(+)
 create mode 100644 "08\345\273\226\346\237\217\346\210\220/\344\275\234\344\270\232/2022-11-21\345\205\250\351\200\211\345\217\215\351\200\211\347\273\203\344\271\240.html"
 create mode 100644 "08\345\273\226\346\237\217\346\210\220/\347\254\224\350\256\260/2022-11-21 DOM\344\270\213.txt"
diff --git "a/08\345\273\226\346\237\217\346\210\220/\344\275\234\344\270\232/2022-11-21\345\205\250\351\200\211\345\217\215\351\200\211\347\273\203\344\271\240.html" "b/08\345\273\226\346\237\217\346\210\220/\344\275\234\344\270\232/2022-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 0000000..22ab253
--- /dev/null
+++ "b/08\345\273\226\346\237\217\346\210\220/\344\275\234\344\270\232/2022-11-21\345\205\250\351\200\211\345\217\215\351\200\211\347\273\203\344\271\240.html"
@@ -0,0 +1,99 @@
+<!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>
+		<table cellspacing="1" id="myTable">
+			<tr>
+				<th width="200">
+					<input type="checkbox" id="selAll" onchange="" />全选
+					<input type="checkbox" id="selAll" onchange="" />反选
+                </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>
+			var count = 0;
+			//全选
+			document.getElementsByTagName('input')[0].onclick = () => {
+				if (count == 0) {
+					for (let i = 2; i <= 7; i++) {
+						document.getElementsByTagName('input')[i].checked = true;	
+						count++;			
+					}
+				} else {
+					for (let i = 2; i <= 7; i++) {
+						document.getElementsByTagName('input')[i].checked = false;				
+					}
+					count = 0;
+				}
+			}
+			//反选
+			var input;
+			document.getElementsByTagName('input')[1].onclick = () => {
+				for (let i = 2; i <= 7; i++) {
+					input = document.getElementsByTagName('input')[i].checked;
+					if (input == true) {
+						document.getElementsByTagName('input')[i].checked = false;	
+					}else{
+						document.getElementsByTagName('input')[i].checked = true;	
+					}
+				}
+			}
+		</script>
+	</body>
+</html>
\ No newline at end of file
diff --git "a/08\345\273\226\346\237\217\346\210\220/\347\254\224\350\256\260/2022-11-21 DOM\344\270\213.txt" "b/08\345\273\226\346\237\217\346\210\220/\347\254\224\350\256\260/2022-11-21 DOM\344\270\213.txt"
new file mode 100644
index 0000000..8ae3bf3
--- /dev/null
+++ "b/08\345\273\226\346\237\217\346\210\220/\347\254\224\350\256\260/2022-11-21 DOM\344\270\213.txt"	
@@ -0,0 +1,23 @@
+改变元素内容
+
+element.innerText
+
+从起始位置到终止位置的内容，但它去除html标签，同时空格和换行也会去掉
+
+element.innerHTML
+
+起始位置到终止位置的全部内容 包括html标签，同时保留空格和换行
+
+创建
+document.write
+innerHTML
+createElement
+增
+appendChild
+insertBefore
+删
+removeChild
+
+H5 方法：querySelector、querySelectorAll 
+
+节点操作 获取元素：父   parentNode    子（children    兄 previousElementSibling、nextElementSibling
\ No newline at end of file
-- 
Gitee


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