From 9e0365244dcb60285bf5296d3bf76e38a5b1e3cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BA=84=E4=BA=91?= <1487274726@qq.com>
Date: Mon, 21 Nov 2022 05:56:04 +0000
Subject: [PATCH] =?UTF-8?q?=E7=AC=AC=E5=8D=81=E4=B8=83=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

Signed-off-by: 庄云 <1487274726@qq.com>
---
 .../2022-11-18DOM.html"                       | 34 ++++++++++++++++++
 .../2022-11-18DOM2.html"                      | 35 +++++++++++++++++++
 2 files changed, 69 insertions(+)
 create mode 100644 "21\345\272\204\344\272\221/\344\275\234\344\270\232/2022-11-18DOM.html"
 create mode 100644 "21\345\272\204\344\272\221/\344\275\234\344\270\232/2022-11-18DOM2.html"
diff --git "a/21\345\272\204\344\272\221/\344\275\234\344\270\232/2022-11-18DOM.html" "b/21\345\272\204\344\272\221/\344\275\234\344\270\232/2022-11-18DOM.html"
new file mode 100644
index 0000000..538d5f2
--- /dev/null
+++ "b/21\345\272\204\344\272\221/\344\275\234\344\270\232/2022-11-18DOM.html"
@@ -0,0 +1,34 @@
+<!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>
+    <script>
+        count = 0;
+        function start() {
+            var obj = document.querySelector('#text');
+            if (count == 0) {
+                console.log(obj);
+                txt = document.createTextNode('封校三天 快乐无边');
+                obj.appendChild(txt);
+                count = 1;
+            } else if (count == 1) {
+                obj.removeChild(txt);
+                count = 0;
+            }
+            console.log(count);
+            console.log(obj.innerHTML);
+        }
+    </script>
+</head>
+
+<body>
+    <!-- 有个button,有个h2(封校三天 快乐无边),当点击button时会显示文字，再次点击会文字会消失。 -->
+    <button onclick="start()">请点击</button>
+    <div id="text"></div>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/21\345\272\204\344\272\221/\344\275\234\344\270\232/2022-11-18DOM2.html" "b/21\345\272\204\344\272\221/\344\275\234\344\270\232/2022-11-18DOM2.html"
new file mode 100644
index 0000000..4ed47e4
--- /dev/null
+++ "b/21\345\272\204\344\272\221/\344\275\234\344\270\232/2022-11-18DOM2.html"
@@ -0,0 +1,35 @@
+<!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;
+            text-align: center;
+        }
+    </style>
+    <script>
+        function start() {
+            var text=document.getElementsByTagName('input')[0].value;
+            var obj=document.querySelector('#box');
+            obj.innerHTML='';
+            var newh2=document.createElement('h2');
+            var newtext=document.createTextNode(text);
+            newh2.appendChild(newtext);
+            obj.appendChild(newh2);
+        }
+    </script>
+</head>
+<body>
+    <input type="text">&nbsp;
+    <button onclick="start()">复制</button>
+    <div id="box">    
+    </div>
+
+</body>
+</html>
\ No newline at end of file
-- 
Gitee

