diff --git "a/34\351\237\246\344\273\262\346\231\223/\344\275\234\344\270\232/2022.11.18\344\275\234\344\270\232.html" "b/34\351\237\246\344\273\262\346\231\223/\344\275\234\344\270\232/2022.11.18\344\275\234\344\270\232.html"
new file mode 100644
index 0000000000000000000000000000000000000000..c397b69b8119d730a231c74c6e89e74047e05710
--- /dev/null
+++ "b/34\351\237\246\344\273\262\346\231\223/\344\275\234\344\270\232/2022.11.18\344\275\234\344\270\232.html"
@@ -0,0 +1,36 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/34\351\237\246\344\273\262\346\231\223/\347\254\224\350\256\260/2022.11.18_DOM_\345\222\214 _11_21_\347\254\224\350\256\260.md" "b/34\351\237\246\344\273\262\346\231\223/\347\254\224\350\256\260/2022.11.18_DOM_\345\222\214 _11_21_\347\254\224\350\256\260.md"
new file mode 100644
index 0000000000000000000000000000000000000000..39002a74167675b2d6a79ca5c9ada071ba566f96
--- /dev/null
+++ "b/34\351\237\246\344\273\262\346\231\223/\347\254\224\350\256\260/2022.11.18_DOM_\345\222\214 _11_21_\347\254\224\350\256\260.md"
@@ -0,0 +1,19 @@
+W3C已经定义了一系列DOM接口，通过这些DOM接口可以改变网页的内容、结构和样式
+
+
+
+- 文档：一个页面就是一个文档，DOM中使用document表示
+- 元素：页面中的所有标签都是元素，DOM中使用element
+- 节点：网页中的所有内容都是节点（标签、属性、文本、注释等）,DOM中使用node表示
+
+
+
+
+
+1. **getElementById()**方法获取带ID的元素对象
+2. **getElementsByClassName();**根据类名获得某些元素集合
+3. **document.querySelector('选择器')**;根据指定选择器返回第一个元素对象
+
+ **注意：切记里面的选择器需要加符号 类【class加. 】【类id加# 】【 标签无需加符号】**
+
+4. **document.querySelectorAll();**//返回指定选择器的所有元素对象集合
\ No newline at end of file
diff --git "a/34\351\237\246\344\273\262\346\231\223/\347\254\224\350\256\260/2022.11.24\344\272\213\344\273\266.md" "b/34\351\237\246\344\273\262\346\231\223/\347\254\224\350\256\260/2022.11.24\344\272\213\344\273\266.md"
new file mode 100644
index 0000000000000000000000000000000000000000..8d6cffdf04ea9398a0630114c0b297986845d48a
--- /dev/null
+++ "b/34\351\237\246\344\273\262\346\231\223/\347\254\224\350\256\260/2022.11.24\344\272\213\344\273\266.md"
@@ -0,0 +1,34 @@
+**事件对象**
+
+事件对象：当我们触发了事件，调用设置好的事件函数（浏览器调用这个函数）系统为了方便我们控制事件，在调用函数的时候给我们传递了一个参数，浏览器传递进来的参数是一个对象-事件对象
+
+**阻止默认行为**
+
+默认行为：有些标签，不用给他绑定事件，有默认的行为，比如a/form/鼠标右击/选中文字...
+
+利用事件对象阻止鼠标默认行为
+
+ e.preventDefault();
+
+ e.returnValue = false;
+
+
+
+课堂案例：
+
+
+
+
+
diff --git "a/34\351\237\246\344\273\262\346\231\223/\347\254\224\350\256\260/202211.23\344\272\213\344\273\266.md" "b/34\351\237\246\344\273\262\346\231\223/\347\254\224\350\256\260/202211.23\344\272\213\344\273\266.md"
new file mode 100644
index 0000000000000000000000000000000000000000..790f22d2ceba49330f508ddafcc3e85e77892d74
--- /dev/null
+++ "b/34\351\237\246\344\273\262\346\231\223/\347\254\224\350\256\260/202211.23\344\272\213\344\273\266.md"
@@ -0,0 +1,39 @@
+## 1.1事件：
+
+用户在网页中的行为跟代码逻辑交互
+
+#### 1.2事件的三要素：
+
+1. 事件源：用户跟代码交互使用的标签
+2. 时间类型：行为的类型
+3. 事件处理程序：函数代码
+4. 事件语法：事件源.on类型 = function(){}
+
+##### 1.3**事件流**
+
+事件流： 事件从开始触发到执行结束的过程
+
+事件流分为三个阶段
+
+1.捕获阶段：找目标元素的过程。
+
+2.目标阶段：找到目标元素，执行他的事件
+
+3.冒泡阶段：从小到大离开目标元素的过程 默认非目标元素的事件是冒泡阶段执行的
+
+### 1.4冒泡
+
+- 指的是事件的向上传导,当后代元素上的事件被触发时,其祖先元素的相同事件也会被触发
+
+- 如果不希望发生事件冒泡可以通过事件对象属性来取消冒泡
+
+- 实现终止冒泡
+
+ ##### 阻止冒泡
+
+ 通过事件对象cancelBubble属性来取消冒泡
+
+ 1. e.cancelBubble = true;
+
+ 2. e.stopPropagation();
+