aaaa

2021-06-03 10:52:41 +08:00
parent c5f18c6051
commit 907511778b
54 changed files with 3540 additions and 50 deletions
--- a/teaching/wanzhaoyi/js/dom.html
+++ b/teaching/wanzhaoyi/js/dom.html
@@ -0,0 +1,42 @@
+<!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>
+</head>
+<body>
+    <!-- 
+        dom 
+          document.getElementById
+         document.getElementsByClassName
+         document.getElementsByName
+         document.getElementsByTagName("div")
+     -->
+     
+     <div class="box">
+        <p>hello</p>  
+        <span>aaa</span>
+     </div>
+     <script>
+         var box=document.getElementsByTagName("div")
+         console.log(box[0].innerText)
+         console.log(box[0].innerHTML)
+    //    innerHtml  =>  带着html代码来的    解析html 代码
+        // box[0].innerText="前端"
+        console.log(box[0].children)
+        var zi=document.getElementsByTagName("span")
+        console.log(zi[0].parentNode)
+
+        // 创建节点
+        var ele=document.createElement("div")
+        ele.innerHTML="消灭人类暴政，世界属于三体"
+        console.log(ele)
+        ele.setAttribute("style","color:red")
+        box[0].append(ele)   //插入元素
+        zi[0].remove() //删除元素
+        
+     </script>
+</body>
+</html>