diff --git "a/37\345\274\240\346\255\243\350\261\252/2022-11.18DOM\346\226\207\346\241\243\345\257\271\350\261\241\346\250\241\345\236\213/\344\275\234\344\270\232/\345\244\215\345\210\266h3.html" "b/37\345\274\240\346\255\243\350\261\252/2022-11.18DOM\346\226\207\346\241\243\345\257\271\350\261\241\346\250\241\345\236\213/\344\275\234\344\270\232/\345\244\215\345\210\266h3.html"
new file mode 100644
index 0000000000000000000000000000000000000000..3cfcfa39f7a751fc6730110086238148c7afcd21
--- /dev/null
+++ "b/37\345\274\240\346\255\243\350\261\252/2022-11.18DOM\346\226\207\346\241\243\345\257\271\350\261\241\346\250\241\345\236\213/\344\275\234\344\270\232/\345\244\215\345\210\266h3.html"
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+        #box{
+            width: 500px;
+            height: 100px;
+            border: 2px solid rosybrown;
+        }
+    </style>
+</head>
+<body>
+    <input type="text">&nbsp;
+    <button>复制</button>
+    <div id="box">    
+    </div>
+
+</body>
+</html>
\ No newline at end of file
diff --git "a/37\345\274\240\346\255\243\350\261\252/2022-11.18DOM\346\226\207\346\241\243\345\257\271\350\261\241\346\250\241\345\236\213/\344\275\234\344\270\232/\346\226\207\345\255\227\346\266\210\345\244\261\346\234\257.html" "b/37\345\274\240\346\255\243\350\261\252/2022-11.18DOM\346\226\207\346\241\243\345\257\271\350\261\241\346\250\241\345\236\213/\344\275\234\344\270\232/\346\226\207\345\255\227\346\266\210\345\244\261\346\234\257.html"
new file mode 100644
index 0000000000000000000000000000000000000000..be07dd5fe40ba1f14ca66c67fc12e7d39c2ece91
--- /dev/null
+++ "b/37\345\274\240\346\255\243\350\261\252/2022-11.18DOM\346\226\207\346\241\243\345\257\271\350\261\241\346\250\241\345\236\213/\344\275\234\344\270\232/\346\226\207\345\255\227\346\266\210\345\244\261\346\234\257.html"
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>文字消失</title>
+    
+</head>
+<body>
+    <script>
+        var num = 1;
+        function stary(){
+            num++;
+            if (num%2 == 0) {
+                var div = document.querySelector('#btn')
+
+                var newH2 = document.createElement('h2');
+                var txt = document.createTextNode('输出文本');
+                newH2.appendChild(txt);
+                div.appendChild(newH2);
+            }else if(num%2 != 0){
+                document.body.innerHTML = " ";
+            }
+        }
+    </script>
+    <!-- 点击一次文字出现，再次点击文字消失 -->
+    <div id="btn" style="text-align: center; margin:50px">
+        <button onclick="stary()">触发按钮</button>
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git "a/37\345\274\240\346\255\243\350\261\252/2022-11.18DOM\346\226\207\346\241\243\345\257\271\350\261\241\346\250\241\345\236\213/\347\254\224\350\256\260/DOM\346\226\207\346\241\243\345\257\271\350\261\241\346\250\241\345\236\213.txt" "b/37\345\274\240\346\255\243\350\261\252/2022-11.18DOM\346\226\207\346\241\243\345\257\271\350\261\241\346\250\241\345\236\213/\347\254\224\350\256\260/DOM\346\226\207\346\241\243\345\257\271\350\261\241\346\250\241\345\236\213.txt"
new file mode 100644
index 0000000000000000000000000000000000000000..0b1c355b059b78c53acc87db2bf2401e5cfdf11f
--- /dev/null
+++ "b/37\345\274\240\346\255\243\350\261\252/2022-11.18DOM\346\226\207\346\241\243\345\257\271\350\261\241\346\250\241\345\236\213/\347\254\224\350\256\260/DOM\346\226\207\346\241\243\345\257\271\350\261\241\346\250\241\345\236\213.txt"
@@ -0,0 +1,37 @@
+      	   <div> 我是div <div>
+     	   <h2> 这是第1个h2 <h2>
+DOM0:1.     <h2 class="H2"> 这是第2个h2 <h2>
+     	   <h3 class="H2"> 这是第2个h2 <h3>
+DOM0:2.     <h4 class="H2" name="username"> 这是第2个h2 <h4>
+DOM0:4.     <h2 id="thirdH2"> 这是第3个h2 <h2>
+DOM0:3.     <input type="text" name="username">
+       	   <input type="text" name="username">
+      	   <input type="text" name="password">
+
+DOM0:
+
+//根据class获取元素：返回：HTMLCollection（数组）
+console.log(document.getElementsByClassName('H2'));
+
+//根据name属性获取元素对象：NodeList（伪数组）：只能获取下标和长度
+console.log(document.getElementsByName('username'));
+
+//根据标签名获取元素对象：返回 HTMLcollection
+console.log(document.getElementsByTagName('input'));
+
+//根据id属性获取元素对象，返回当前元素对象（id是唯一的）
+console.log(document.getElementByID('thirdH2'));
+
+DOM2：
+//根据class找：（'.className'）
+//根据Id找：（'#id'）
+//根据标签名找：（'标签名'）
+//找class=H2的元素对象，如果不止一个，返回第一个元素对象
+console.log(document.querySelector('div'));
+//找全部
+console.log(document.querySelectorAll('div'));
+
+//1.创建元素节点
+
+//2.添加子元素节点
+
