há 3 semanas atrás · 054878fede
--- a/4-BOM&DOM/10_DOM事件对象.html
+++ b/4-BOM&DOM/10_DOM事件对象.html
@@ -0,0 +1,23 @@
 
				+<!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>
			
 
				+    <script>
			
 
				+        // 获取整个文档
			
 
				+        var doc = document.documentElement;
			
 
				+
			
 
				+        // 事件对象 事件默认就有的一个参数
			
 
				+        doc.onclick = function(e){
			
 
				+            // 事件对象中包含很多事件相关的属性和方法
			
 
				+            console.log(e);
			
 
				+            // 事件对象中的clientX（横向位置）和clientY（纵向位置）属性 表示鼠标点击的位置
			
 
				+            console.log(e.clientX);
			
 
				+            console.log(e.clientY);
			
 
				+        }
			
 
				+    </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/4-BOM&DOM/9_DOM控制样式.html
+++ b/4-BOM&DOM/9_DOM控制样式.html
@@ -0,0 +1,21 @@
 
				+<!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">
			
 
				+        hello world
			
 
				+    </div>
			
 
				+    <script>
			
 
				+        var oBox = document.getElementById("box");
			
 
				+
			
 
				+        oBox.onclick = function(){
			
 
				+            // 修改html样式
			
 
				+            oBox.style.color = "red";
			
 
				+        }
			
 
				+    </script>
			
 
				+</body>
			
 
				+</html>