4 months ago · 3510f40c06
--- a/5_DOM/3_绑定事件.html
+++ b/5_DOM/3_绑定事件.html
@@ -4,6 +4,13 @@
 
				     <meta charset="UTF-8">
			
 
				     <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				     <title>Document</title>
			
 
				+    <style>
			
 
				+        div{
			
 
				+            width: 200px;
			
 
				+            height: 100px;
			
 
				+            background-color: red;
			
 
				+        }
			
 
				+    </style>
			
 
				 </head>
			
 
				 <body>
			
 
				     <div>按钮</div>
			
@@ -13,10 +20,37 @@
 
				         // var oBtn = document.getElementsByTagName("div");
			
 
				         // oBtn = oBtn[0];
			
 
				         var oBtn = document.getElementsByTagName("div")[0];
			
 
				-        console.log(oBtn);
			
 
				-        oBtn.onclick = function(){
			
 
				-            console.log("hello world");
			
 
				+        // console.log(oBtn);
			
 
				+        // 鼠标点击 左键
			
 
				+        // oBtn.onclick = function(){
			
 
				+        //     console.log("hello world");
			
 
				+        // }
			
 
				+        // 鼠标右键
			
 
				+        // oBtn.oncontextmenu = function(){
			
 
				+
			
 
				+        // }
			
 
				+        // 鼠标移动
			
 
				+        // oBtn.onmousemove = function(){
			
 
				+        //     console.log("onmousemove")
			
 
				+        // }
			
 
				+
			
 
				+        // 鼠标移入
			
 
				+        oBtn.onmouseover = function(e){
			
 
				+            console.log("onmouseover");
			
 
				+            console.log(e);
			
 
				+            console.log(this);
			
 
				+        }
			
 
				+
			
 
				+        var obj = {
			
 
				+            name: "张三",
			
 
				+            age: 18,
			
 
				+            talk:function(){
			
 
				+                console.log(obj.name);
			
 
				+                console.log(this.name);
			
 
				+            }
			
 
				         }
			
 
				+        obj.talk();
			
 
				+
			
 
				     </script>
			
 
				 </body>
			
 
				 </html>
			
--- a/5_DOM/8_cssBFC.html
+++ b/5_DOM/8_cssBFC.html
@@ -45,7 +45,7 @@
 
				             background-color: red;
			
 
				         }
			
 
				         .box8{
			
 
				-            
			
 
				+            overflow: hidden;
			
 
				             background-color:green;
			
 
				         }
			
 
				     </style>
			
--- a/5_DOM/9_控制属性.html
+++ b/5_DOM/9_控制属性.html
@@ -0,0 +1,24 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+    <meta charset="UTF-8">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				+    <title>Document</title>
			
 
				+    <style>
			
 
				+        .box{
			
 
				+            width: 100px;
			
 
				+        }
			
 
				+
			
 
				+    </style>
			
 
				+</head>
			
 
				+<body>
			
 
				+    <img src="./image/img2.png" alt="img">
			
 
				+    <script>
			
 
				+        var img = document.getElementsByTagName("img")[0];
			
 
				+        // setAttribute 接受两个参数第一个是属性名，第二个是属性值
			
 
				+        img.setAttribute("src","./image/img1.png");
			
 
				+        img.setAttribute("class","box");
			
 
				+        console.log(img.getAttribute("alt"));
			
 
				+    </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/5_DOM/image/image.png
+++ b/5_DOM/image/image.png
--- a/5_DOM/image/image1.png
+++ b/5_DOM/image/image1.png
--- a/5_DOM/image/image2.png
+++ b/5_DOM/image/image2.png
--- a/5_DOM/image/image3.png
+++ b/5_DOM/image/image3.png
--- a/5_DOM/image/image4.png
+++ b/5_DOM/image/image4.png
--- a/5_DOM/image/img1.png
+++ b/5_DOM/image/img1.png
--- a/5_DOM/image/img2.png
+++ b/5_DOM/image/img2.png
--- a/5_DOM/image/img3.png
+++ b/5_DOM/image/img3.png
--- a/5_DOM/image/img4.png
+++ b/5_DOM/image/img4.png
--- a/5_DOM/image/niu.png
+++ b/5_DOM/image/niu.png