diff --git "a/45\351\251\254\351\221\253\346\266\233/\344\275\234\344\270\232/DOM\344\275\234\344\270\232/15.html" "b/45\351\251\254\351\221\253\346\266\233/\344\275\234\344\270\232/DOM\344\275\234\344\270\232/15.html"
new file mode 100644
index 0000000000000000000000000000000000000000..b296bb169542fa7c5aa9ab767891ee110a089277
--- /dev/null
+++ "b/45\351\251\254\351\221\253\346\266\233/\344\275\234\344\270\232/DOM\344\275\234\344\270\232/15.html"
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<style>
+    #hehe{
+    width: 500px;
+            height: 100px;
+            border: 2px solid rosybrown;
+}
+</style>
+<body>
+    <button onclick="fn()">cp</button>
+    <div id="hehe">
+    </div>
+    <script>
+        var a=0
+        function fn() {
+        if (a==0) {
+            a++;
+            var hu=document.getElementById('hehe')
+            var newH2 = document.createElement('h2');
+            var txt = document.createTextNode('封校三天 快乐无边');
+            newH2.appendChild(txt);
+            hu.appendChild(newH2);
+        }else{
+            var hu=document.getElementById('hehe')
+            hu.innerText=''
+            a--;
+           
+        }
+       
+        }
+    </script>
+    
+</body>
+</html>
\ No newline at end of file
diff --git "a/45\351\251\254\351\221\253\346\266\233/\344\275\234\344\270\232/DOM\344\275\234\344\270\232/16.html" "b/45\351\251\254\351\221\253\346\266\233/\344\275\234\344\270\232/DOM\344\275\234\344\270\232/16.html"
new file mode 100644
index 0000000000000000000000000000000000000000..220793809347e28f1ec2905d330d4113fc29f1af
--- /dev/null
+++ "b/45\351\251\254\351\221\253\346\266\233/\344\275\234\344\270\232/DOM\344\275\234\344\270\232/16.html"
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<style>
+    #box{
+        width: 500px;
+        height: 100px;
+        border: 2px solid rosybrown;
+    }
+</style>
+<body>
+    <input type="text" id="xx">&nbsp;
+    <button  onclick="fn()">复制</button>
+    <div id="box">
+            
+    </div>
+    <script >
+        function fn() {
+            var div=document.getElementById('box')
+            div.innerText='';
+            var txt=document.getElementById('xx').value;
+            var newh2=document.createElement('h2')
+            var dd=document.createTextNode(txt);
+
+            newh2.appendChild(dd) 
+            div.appendChild(newh2)
+        }
+      
+      
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git "a/45\351\251\254\351\221\253\346\266\233/\347\254\224\350\256\260/DOM\347\254\224\350\256\260/DOM.md" "b/45\351\251\254\351\221\253\346\266\233/\347\254\224\350\256\260/DOM\347\254\224\350\256\260/DOM.md"
new file mode 100644
index 0000000000000000000000000000000000000000..5c1185a8119af12c229eb719ecbdc1fdf823ccca
--- /dev/null
+++ "b/45\351\251\254\351\221\253\346\266\233/\347\254\224\350\256\260/DOM\347\254\224\350\256\260/DOM.md"
@@ -0,0 +1,78 @@
+# DOM
+
+###### 节点
+
+1.节点类型：元素节点、文本节点、属性节点
+
+2.获取元素
+
+```
+根据id获取HTML元素：
+document.getElementById("id名")
+
+根据标签名获取HTML元素：
+document.getElementsByTagName("标签名");
+
+根据类名获取HTML元素：(返回HTMLCollection 数组)
+document.getElementsByClassName("类名");
+
+根据name属性获取元素对象: NodeList(伪数组)：只能获取下标和长度
+
+console.log(document.getElementsByName('username'));
+```
+
+3.节点的增删改
+
+例子：
+
+```
+<div id="box">
+        <h2 id="h2">我是将被删除的h2</h2>  <!--替换的h3 -->
+    </div>
+    <script>
+        var div = document.querySelector('#box');
+        
+        //创建元素节点
+        var newH2 = document.createElement('h2');
+        var txt = document.createTextNode('我是新添加的H2');
+        newH2.appendChild(txt);
+        // 添加子元素节点
+        div.appendChild(newH2);
+
+        //删除子节点:removeChild(元素对象:h2)
+        // var h2 = document.getElementById('h2');
+        // div.removeChild(h2);
+
+        
+        // var newH3 = document.createElement('h3');
+        // var txt = document.createTextNode('替换的h3');
+        // var h2 = document.getElementById('h2');
+        // newH3.appendChild(txt);
+        // //改:replaceChild
+        // // div.replaceChild(newH3,h2);
+        // //在...之前插入一个节点
+        // div.insertBefore(newH3,h2);
+
+
+    </script>
+```
+
+添加新节点：
+
+```
+ appendChild()：添加新元素到尾部。
+
+insertBefore()：添加新元素到该元素之前。
+```
+
+删除节点：
+
+```
+删除HTML节点：removeChild()
+```
+
+替换：
+
+```
+replaceChild()
+```
\ No newline at end of file
