diff --git "a/25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.18(1).html" "b/25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.18(1).html"
new file mode 100644
index 0000000000000000000000000000000000000000..62a01c50c660af17b500505c0d4c0b8faed423a5
--- /dev/null
+++ "b/25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.18(1).html"
@@ -0,0 +1,43 @@
+<!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>
+        button {
+            width: 200px;
+            height: 100px;
+        }
+    </style>
+</head>
+
+<body>
+    <button id="but" onclick="hide()" >
+        <h2 >封校三天，快乐无边</h2>
+    </button>
+    <script>
+        var i = 1;
+        var text = document.querySelector("#but h2").innerHTML;
+        function hide() {
+            //按钮按一次计数一次
+            i++
+            //获取div下的h2
+            var a = document.querySelector("#but h2");
+            //偶数把内容设为空
+            if (i % 2 == 0) {
+                a.style.display="none"
+                //document.querySelector("#but h2").innerHTML = "";
+            } else {
+                a.style.display="block"
+                //document.querySelector("#but h2").innerHTML = text;
+            }
+        }
+    </script>
+
+
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.18(2).html" "b/25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.18(2).html"
new file mode 100644
index 0000000000000000000000000000000000000000..fd64c949ea4cf6ce3fcf72c2bfd18b51d1b4463c
--- /dev/null
+++ "b/25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.18(2).html"
@@ -0,0 +1,52 @@
+<!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 onclick="copy()">复制</button>
+    <div id="box">
+    </div>
+    <script>
+        function copy() {
+            //获取输入框的值
+            var inputText = document.querySelector("input").value;
+            //在div下添加span
+            var div = document.querySelector("#box");
+            var span = document.createElement("span");
+            div.appendChild(span);
+            //验证span里是否有值
+            if (document.querySelector("#box span").innerHTML == "") {
+                //往span里加值
+                var spanTextNode = document.createTextNode(inputText);
+                span.appendChild(spanTextNode);
+            } else {
+                var flag = confirm("是否替换复制框里的内容")
+                if (flag) {
+                    document.querySelector("#box span").innerHTML = document.querySelector("input").value
+                }
+
+            }
+
+
+
+
+        }
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/25\346\210\264\344\277\212\351\224\213/\347\254\224\350\256\260/2022.11.18.md" "b/25\346\210\264\344\277\212\351\224\213/\347\254\224\350\256\260/2022.11.18.md"
new file mode 100644
index 0000000000000000000000000000000000000000..41293170cd264bee2fe4b49ca1a504a2e95cd74c
--- /dev/null
+++ "b/25\346\210\264\344\277\212\351\224\213/\347\254\224\350\256\260/2022.11.18.md"
@@ -0,0 +1,66 @@
+```javascript
+<!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>
+
+    </style>
+    <script>
+        // querySelector
+        querySelector("#XXX") // id
+        querySelector(".XXX") //Class
+        querySelector("XXX") //<XXX>
+        document.querySelectorAll
+        //添加节点
+        function add() {
+            var div = document.querySelector("#div01");
+            var span = document.createElement("span");
+            var text = document.createTextNode("呼呼");
+            span.appendChild(text);
+            div.appendChild(span);
+        }
+        //删除节点
+        function del() {
+            var span = document.querySelector("#div01 span")
+            var div = document.querySelector("#div01");
+            div.remove(span);
+        }
+        //替换节点
+        function charge() {
+            var span = document.querySelector("#div01 span")
+            var div = document.querySelector("#div01");
+            var div1 = document.createElement("div")
+            div.replaceChild(div1, span);
+        }
+        //克隆节点
+        function clone() {
+            var span = document.querySelector("#div01 span");
+
+            var div = document.querySelector("#div01");
+            // var newSpan = span.cloneNode(false); //默认值 false，表示浅拷贝，只拷贝标签，不拷贝内容;
+            var newSpan = span.cloneNode(true); //拷贝标签和内容
+            div.appendChild(newSpan);
+        }
+
+
+    </script>
+</head>
+
+<body>
+    <button id="but01" onclick="add()" >添加节点</button>
+    <button id="but02" onclick="del()">删除节点</button>
+    <button id="but03" onclick="charge()">替换节点</button>
+    <button id="but04" onclick="clone()">克隆节点</button>
+    <div id="div01">
+        <span>123</span>
+    </div>
+</body>
+
+</html>
+```
+
