diff --git "a/23\346\236\227\344\270\226\346\266\233/\344\275\234\344\270\232/2022.11.17\344\275\234\344\270\232.html" "b/23\346\236\227\344\270\226\346\266\233/\344\275\234\344\270\232/2022.11.17\344\275\234\344\270\232.html"
new file mode 100644
index 0000000000000000000000000000000000000000..8e79ead8305f72a8233cc5a8d7f4fdd6e4079e61
--- /dev/null
+++ "b/23\346\236\227\344\270\226\346\266\233/\344\275\234\344\270\232/2022.11.17\344\275\234\344\270\232.html"
@@ -0,0 +1,80 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
Document
+
+
+
+
+
+
-
-
-
+
-
\ No newline at end of file
diff --git "a/23\346\236\227\344\270\226\346\266\233/\347\254\224\350\256\260/2022.11.17\347\254\224\350\256\260.md" "b/23\346\236\227\344\270\226\346\266\233/\347\254\224\350\256\260/2022.11.17\347\254\224\350\256\260.md"
new file mode 100644
index 0000000000000000000000000000000000000000..98f25e994814d66e39e8d47ff6c1007f919a1142
--- /dev/null
+++ "b/23\346\236\227\344\270\226\346\266\233/\347\254\224\350\256\260/2022.11.17\347\254\224\350\256\260.md"
@@ -0,0 +1,85 @@
+## BOM 浏览器对象模型
+
+浏览器对象模型（BOM）是以 window 对象为基础的，这个对象代表了浏览器窗口和页面可见的区域。
+
+主要包括window、history、location和document等对象，其中window对象是整个BOM的顶层对象。
+
+ 通过 location 对象可以以编程方式操纵浏览器的导航系统。通过设置这个对象上的属性，可 以改变浏览器 URL 中的某一部分或全部。
+
+ 使用 replace()方法可以替换浏览器历史记录中当前显示的页面，并导航到新 URL。
+
+ navigator 对象提供关于浏览器的信息。
+
+screen 对象中保存着客户端显示器的信息。这些信息 通常用于评估浏览网站的设备信息。
+
+history 对象提供了操纵浏览器历史记录的能力，可以确定历史记录中包含多少个条目，并以编程方式实现在历史记录中导航，而且也可以修改历史记录。
+
+### setTimeout()
+
+可以延时执行函数，只执行一次
+
+```js
+//无参
+setTimeout(要执行的函数代码, 等待的毫秒数);
+//带参
+function sayHi(phrase, who) {
+ alert( phrase + ', ' + who );
+}
+setTimeout(sayHi, 1000, "Hello", "John"); // Hello, John
+```
+
+**如果第二个参数为0**
+
+因为js是单线程执行，setTimeout的内容会留到其他普通队列执行后再执行
+
+相当于异步执行，可以改变任务的执行顺序
+
+### setInterval()
+
+依然延迟执行，但是反复
+
+```js
+setInterval(要重复执行的函数代码, 等待的毫秒数); //一样也能传参
+
+//结束执行
+itv = setInterval(fn,80);
+clearInterval(itv);
+```
+
+### **onclick()**
+
+onclick 事件在元素被点击时发生
+
+```js
+//html
+ //SomeJavaScriptCode：规定该事件发生时执行的 JavaScript
+//JavaScript
+object.onclick=function(){SomeJavaScriptCode};
+```
+
+
+
+**document.getElementById()**：查找文档特定元素
+
+**getElementsByTagName()**：获取任何类型的 HTML 元素的列表，不区分大小写
+
+```js
+var tables = document.getElementsByTagName("table");
+alert ("This document contains " + tables.length + " tables");
+//也可以获取文档中特定元素
+var myParagragh = document.getElementsByTagName("p")[3];
+```
+
+##### 修改元素样式
+
+```js
+//修改td1的字体颜色
+'td1'.style.color = '#FF5072'
+//修改td1的背景颜色
+'td1'.style.backgroundColor = 'white';
+```
+
+**修改文档某元素的文本内容**
+
+```js
+document.getElementById('pOutput').innerText =
\ No newline at end of file
diff --git "a/23\346\236\227\344\270\226\346\266\233/\347\254\224\350\256\260/2022.11.18\347\254\224\350\256\260.md" "b/23\346\236\227\344\270\226\346\266\233/\347\254\224\350\256\260/2022.11.18\347\254\224\350\256\260.md"
index 98f25e994814d66e39e8d47ff6c1007f919a1142..d5fd40f7d3d0efc4633612c3c44d545b771bc03a 100644
--- "a/23\346\236\227\344\270\226\346\266\233/\347\254\224\350\256\260/2022.11.18\347\254\224\350\256\260.md"
+++ "b/23\346\236\227\344\270\226\346\266\233/\347\254\224\350\256\260/2022.11.18\347\254\224\350\256\260.md"
@@ -1,85 +1,38 @@
-## BOM 浏览器对象模型
+document.body.childNodes：body里的子节点
-浏览器对象模型（BOM）是以 window 对象为基础的，这个对象代表了浏览器窗口和页面可见的区域。
+节点类型：1、元素节点；2、文本节点；3、属性节点。
-主要包括window、history、location和document等对象，其中window对象是整个BOM的顶层对象。
+document.body.children：body里的节点集合
- 通过 location 对象可以以编程方式操纵浏览器的导航系统。通过设置这个对象上的属性，可 以改变浏览器 URL 中的某一部分或全部。
+document.body.firstChild：body里的第一个子节点
- 使用 replace()方法可以替换浏览器历史记录中当前显示的页面，并导航到新 URL。
+document.body.firstElementChild：body里的第一个元素节点
- navigator 对象提供关于浏览器的信息。
+document.body.children[0].parentElement：当前节点的父节点
-screen 对象中保存着客户端显示器的信息。这些信息 通常用于评估浏览网站的设备信息。
+document.body.children[1].previousElementSibling：当前节点的上一个节点
-history 对象提供了操纵浏览器历史记录的能力，可以确定历史记录中包含多少个条目，并以编程方式实现在历史记录中导航，而且也可以修改历史记录。
+document.body.children[1].nextElementSibling：当前节点的下一个节点
-### setTimeout()
+document.createElement('h2')：创建元素节点
-可以延时执行函数，只执行一次
+`父节点`.appendChild(`要添加的子节点`)
-```js
-//无参
-setTimeout(要执行的函数代码, 等待的毫秒数);
-//带参
-function sayHi(phrase, who) {
- alert( phrase + ', ' + who );
-}
-setTimeout(sayHi, 1000, "Hello", "John"); // Hello, John
-```
+`父节点`.removeChild(`要删除的子节点`)
-**如果第二个参数为0**
+`父节点`.replaceChild(`新节点`,`旧节点`)
-因为js是单线程执行，setTimeout的内容会留到其他普通队列执行后再执行
+## 获取html元素
-相当于异步执行，可以改变任务的执行顺序
+document.getElementsByClassName('元素名')：以class名获取元素
-### setInterval()
+document.getElementsByName('属性名')：以name属性获取元素
-依然延迟执行，但是反复
+document.getElementsByTagName('元素名')：以标签名获取元素
-```js
-setInterval(要重复执行的函数代码, 等待的毫秒数); //一样也能传参
+document.getElementById('id名')：以id名获取元素
-//结束执行
-itv = setInterval(fn,80);
-clearInterval(itv);
-```
+document.querySelector('')：查找第一个符合
-### **onclick()**
-
-onclick 事件在元素被点击时发生
-
-```js
-//html
- //SomeJavaScriptCode：规定该事件发生时执行的 JavaScript
-//JavaScript
-object.onclick=function(){SomeJavaScriptCode};
-```
-
-
-
-**document.getElementById()**：查找文档特定元素
-
-**getElementsByTagName()**：获取任何类型的 HTML 元素的列表，不区分大小写
-
-```js
-var tables = document.getElementsByTagName("table");
-alert ("This document contains " + tables.length + " tables");
-//也可以获取文档中特定元素
-var myParagragh = document.getElementsByTagName("p")[3];
-```
-
-##### 修改元素样式
-
-```js
-//修改td1的字体颜色
-'td1'.style.color = '#FF5072'
-//修改td1的背景颜色
-'td1'.style.backgroundColor = 'white';
-```
-
-**修改文档某元素的文本内容**
-
-```js
-document.getElementById('pOutput').innerText =
\ No newline at end of file
+document.querySelectorAll('')：查找全部符合
+Gitee — 基于 Git 的代码托管和研发协作平台