11 месяцев назад · aae72a452e
--- a/js/DOM/11.垂直导航.html
+++ b/js/DOM/11.垂直导航.html
@@ -12,14 +12,7 @@
 
				             text-decoration: none;
			
 
				             box-sizing: border-box;
			
 
				         }
			
 
				-       #manager li{
			
 
				-        width: 100px;
			
 
				-        height: 50px;
			
 
				-        text-align: center;
			
 
				-        line-height: 50px;
			
 
				-        border: 1px solid #ccc;
			
 
				-       }
			
 
				-       #main {
			
 
				+       ul {
			
 
				         display: none;
			
 
				        }
			
 
				     </style>
			
@@ -40,6 +33,28 @@
 
				         <li>d</li>
			
 
				     </ul>
			
 
				     <script>
			
 
				+        var h2 = document.getElementsByTagName("h2");
			
 
				+        console.log(h2)
			
 
				+        for(var i=0; i<h2.length;i++) {
			
 
				+            h2[i].onclick = function() {
			
 
				+                // console.log(this.nextSibling);
			
 
				+                var ul1 = next(this)
			
 
				+                console.log(ul1);
			
 
				+                // ul1.style.display = 'block'
			
 
				+                if(ul1.style.display == 'none') {
			
 
				+                    ul1.style.display = 'block'
			
 
				+                } else {
			
 
				+                    ul1.style.display = 'none'
			
 
				+                }
			
 
				+
			
 
				+            }
			
 
				+        }
			
 
				+        function next(ele) {
			
 
				+            do {
			
 
				+                ele = ele.nextSibling;
			
 
				+            }while(ele.nodeType != 1)
			
 
				+            return ele;
			
 
				+        }
			
 
				     </script>
			
 
				 </body>
			
 
				 </html>
			
--- a/js/DOM/12.元素.html
+++ b/js/DOM/12.元素.html
@@ -0,0 +1,39 @@
 
				+<!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>
			
 
				+<body>
			
 
				+    <div id="box">11111</div>
			
 
				+    <div id="main">
			
 
				+        2222
			
 
				+        <h1>1111</h1>
			
 
				+    </div>
			
 
				+    <script>
			
 
				+        var box = document.getElementById("box");
			
 
				+        // console.log(box.nodeName)
			
 
				+        var main = document.getElementById("main");
			
 
				+        var h1 = document.querySelector("h1");
			
 
				+        //创建元素 createElement
			
 
				+        var a1 = document.createElement("h3");
			
 
				+        // a1.innerHTML =  '123'
			
 
				+        a1.innerText = '1234'
			
 
				+        console.log(a1);
			
 
				+        // alert(a1);
			
 
				+        // 添加元素 appendChild
			
 
				+        box.appendChild(a1);
			
 
				+        var a2 = document.createElement("span");
			
 
				+        a2.innerText = '哈哈哈哈';
			
 
				+        // 插入元素 insertBefore(参数1，参数2)
			
 
				+        // 参数一 插入元素
			
 
				+        // 参数二 被插入在该元素之前
			
 
				+        box.insertBefore(a2,a1);
			
 
				+        // 删除元素 removeChild
			
 
				+        main.removeChild(h1);
			
 
				+        // 删除页面元素节点 remove
			
 
				+        // h1.remove()
			
 
				+    </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/js/DOM/images/事件.png
+++ b/js/DOM/images/事件.png
--- a/js/DOM/images/图片1.png
+++ b/js/DOM/images/图片1.png