diff --git "a/04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.21-1.html" "b/04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.21-1.html"
new file mode 100644
index 0000000000000000000000000000000000000000..59ed4b365f95852573463ac86c786055fd38cde1
--- /dev/null
+++ "b/04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.21-1.html"
@@ -0,0 +1,134 @@
+<!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="choseAll()" />全选
+				<input type="checkbox" id="selAll" onchange="esohc()" />反选
+			</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 type="text/javascript">
+		var input = document.querySelectorAll('input');
+
+		for (let i = 0; i < input.length; i++) {
+			// if (i>=2) {
+			// 	input[i].setAttribute('onclick','click()');
+			// }
+			input[i].setAttribute('checked', 'checked');
+			input[i].checked = false;
+		}
+
+		// function click() {
+			// for (let i = 2; i < input.length; i++) {
+			// 	let x = 0;
+			// 	if (input[i].checked) {
+			// 		x++;
+			// 	} else {
+			// 		input[0].checked = false;
+			// 	}
+			// }
+			// if (x == input.length - 2) {
+			// 	input[0].checked = true;
+			// }
+		// }
+
+		function choseAll() {
+			for (let i = 2; i < input.length; i++) {
+				if (input[0].checked) {
+					input[i].checked = true;
+				} else {
+					input[i].checked = false;
+				}
+			}
+			console.log(input[2]);
+		}
+
+		function esohc() {
+			for (let i = 2; i < input.length; i++) {
+				if (input[i].checked) {
+					input[i].checked = false;
+				} else {
+					input[i].checked = true;
+				}
+			}
+		}
+	</script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.21-2.html" "b/04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.21-2.html"
new file mode 100644
index 0000000000000000000000000000000000000000..f9a9fc8497364f90b3f679dbc82bce76db4d3a59
--- /dev/null
+++ "b/04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.21-2.html"
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+	<meta charset="UTF-8">
+	<title>动态添加和删除节点</title>
+	<style type="text/css">
+		.myArea {
+			width: 100%;
+			height: 80px;
+		}
+
+		.myDiv {
+			line-height: 30px;
+		}
+	</style>
+
+</head>
+
+<body>
+	<h2>工作经历</h2>
+	<hr />
+	<div id="myContainer">
+		<div class="myDiv" id="div1">
+			公司名称:<input type="text" />
+			职位:<input type="text" />
+			<a href="#" onclick="remove()">删除工作经历</a>
+			<br />
+			工作职责及工作内容描述:
+			<textarea class="myArea"></textarea>
+			<hr />
+		</div>
+	</div>
+
+	<div style="line-height: 30px; text-align: right;">
+		<a href="#" onclick="add()">添加工作经历</a>
+	</div>
+	<script>
+		//获取div
+		var div = document.querySelector("#myContainer");
+		var divArr = document.querySelector("#myContainer").childNodes;
+		var length = divArr.length;
+
+		function add() {
+			//获取内容
+			var textArr = document.querySelectorAll("input");
+			var text = textArr[0].value;
+			var text1 = textArr[1].value;
+			var text2 = document.querySelector(".myArea").value;
+			//添加到div中
+			var div = document.querySelector("#myContainer");
+			var divDiv = document.createElement("div");
+			divDiv.innerHTML = "公司名称:" + text + "<br/>" + "职位:" + text1 + "<br/>" + "工作职责及工作内容描述:" + text2 + "<br/><hr>";
+			div.appendChild(divDiv);
+			//清空表单
+			textArr[0].value = ""; textArr[1].value = ""; document.querySelector(".myArea").value = "";
+			length++;
+
+		}
+		function remove() {
+			if (length >= 3) {
+				div.removeChild(divArr[--length]);
+			}
+		}
+	</script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.21-DOM2.md" "b/04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.21-DOM2.md"
new file mode 100644
index 0000000000000000000000000000000000000000..6e9f81d6ff65f0e682b324037247f8c1e32e6dd4
--- /dev/null
+++ "b/04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.21-DOM2.md"
@@ -0,0 +1,49 @@
+# 14、DOM
+
+## 节点
+
+document.body.childNodes：body里的子节点
+
+节点类型：1、元素节点；2、文本节点；3、属性节点。
+
+document.body.children：body里的节点集合
+
+document.body.firstChild：body里的第一个子节点
+
+document.body.firstElementChild：body里的第一个元素节点
+
+document.body.children[0].parentElement：当前节点的父节点
+
+document.body.children[1].previousElementSibling：当前节点的上一个节点
+
+document.body.children[1].nextElementSibling：当前节点的下一个节点
+
+document.createElement('h2')：创建元素节点
+
+`父节点`.appendChild(`要添加的子节点`)
+
+`父节点`.removeChild(`要删除的子节点`)
+
+`父节点`.replaceChild(`新节点`,`旧节点`)
+
+## 获取html元素
+
+document.getElementsByClassName('元素名')：以class名获取元素
+
+document.getElementsByName('属性名')：以name属性获取元素
+
+document.getElementsByTagName('元素名')：以标签名获取元素
+
+document.getElementById('id名')：以id名获取元素
+
+document.querySelector('')：查找第一个符合
+
+document.querySelectorAll('')：查找全部符合
+
+## 操作style样式
+
+获取行间样式的时候需要进行初始化否则无法获取
+
+元素名.style.样式名 = 值；修改样式值
+
+元素对象.setAttribute(属性名,属性值)；新增样式属性

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