diff --git "a/04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.18.html" "b/04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.18.html"
new file mode 100644
index 0000000000000000000000000000000000000000..5ba331c2242b5dd5be549cad37e9e5fd96a855d0
--- /dev/null
+++ "b/04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.18.html"
@@ -0,0 +1,73 @@
+<!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" name="txt">&nbsp;
+    <button onclick="fn()">复制</button>
+    <div id="box">
+    </div>
+
+
+
+
+    <div style="height: 90px;width: 1000px;">
+        <h2 id="ok"></h2>
+    </div>
+    <button onclick="screen()">click</button>
+
+
+
+
+
+
+
+
+
+
+
+
+    <script type="text/javascript">
+        var newH2 = document.createElement('h2');
+        var div = document.getElementById('box');
+        div.appendChild(newH2);
+        function fn() {
+            var input = document.querySelector('input').value;
+            newH2.innerText = input;
+
+            // console.log(input);
+            // var txt = document.createTextNode(input);
+            // newH2.appendChild(txt);
+            // document.getElementsByTagName('input')[0].value = '';
+        }
+
+
+
+        function screen() {
+            var pre = document.querySelector('#ok');
+            var text = 'Non Terrae Plus Ultra';
+            if (pre.value == undefined) {
+                pre.innerText = text;
+                pre.value=text;
+            } else {
+                pre.innerText='';
+                pre.value=undefined;
+            }
+        }
+    </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.18-DOM.md" "b/04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.18-DOM.md"
new file mode 100644
index 0000000000000000000000000000000000000000..e5cca089c82929fa29f0b966ee921e0f1a2d89c1
--- /dev/null
+++ "b/04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.18-DOM.md"
@@ -0,0 +1,41 @@
+# 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('')：查找全部符合
