Home Explore Help
Sign In
lovecoding
/
class
10
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

ts

e 11 months ago
parent
939e69f473
commit
aae72a452e
4 changed files with 62 additions and 8 deletions
Unified View Show Diff Stats
  1. 23 8
      js/DOM/11.垂直导航.html
  2. 39 0
      js/DOM/12.元素.html
  3. BIN
      js/DOM/images/事件.png
  4. BIN
      js/DOM/images/图片1.png

+ 23 - 8
js/DOM/11.垂直导航.html
View File 

@@ -12,14 +12,7 @@
 
             text-decoration: none;
 
             text-decoration: none;
 
             box-sizing: border-box;
 
             box-sizing: border-box;
 
         }
 
         }
 
-       #manager li{
 
-        width: 100px;
 
-        height: 50px;
 
-        text-align: center;
 
-        line-height: 50px;
 
-        border: 1px solid #ccc;
 
-       }
 
-       #main {
 
+       ul {
 
         display: none;
 
         display: none;
 
        }
 
        }
 
     </style>
 
     </style>
 
@@ -40,6 +33,28 @@
 
         <li>d</li>
 
         <li>d</li>
 
     </ul>
 
     </ul>
 
     <script>
 
     <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>
 
     </script>
 
 </body>
 
 </body>
 
 </html>
 
 </html>

+ 39 - 0
js/DOM/12.元素.html
View File 

@@ -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>

BIN
js/DOM/images/事件.png
View File


BIN
js/DOM/images/图片1.png
View File