From 448e5d64b2e5e65ac670ad2a905e52212d933f40 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=88=B4=E4=BF=8A=E9=94=8B?=
 <95995809+zzzzzzz123000@users.noreply.github.com>
Date: Sun, 20 Nov 2022 19:43:39 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BD=9C=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../2022.11.18(1).html"                       | 43 ++++++++++++
 .../2022.11.18(2).html"                       | 52 +++++++++++++++
 .../\347\254\224\350\256\260/2022.11.18.md"   | 66 +++++++++++++++++++
 3 files changed, 161 insertions(+)
 create mode 100644 "25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.18(1).html"
 create mode 100644 "25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.18(2).html"
 create mode 100644 "25\346\210\264\344\277\212\351\224\213/\347\254\224\350\256\260/2022.11.18.md"
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 0000000..62a01c5
--- /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 0000000..fd64c94
--- /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 0000000..4129317
--- /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>
+```
+
-- 
Gitee

