加载失败，
蓝山前端第五次课：DOM和BOM
蓝山前端第五次课：DOM和BOM
本文讨论了蓝山前端第五次课中关于DOM和BOM的相关知识，包括DOM的节点类型、操作方法，以及BOM的基本对象和常用方法等内容。关键要点包括：
1.
DOM节点类型：分为文档节点、元素节点、文本节点、属性节点等，所有节点都包含在文档节点内，元素节点可包含属性和文本节点。
2.
获取节点方法：通过元素ID（getElementById）、标签名字（getElementsByTagName）、类名（getElementsByClassName）、CSS选择器（querySelector、querySelectorAll）以及节点关系获取。
3.
操作节点方法：增加节点（createElement、createTextNode、appendChild、insertBefore）；删除节点（parentNode.removeChild）；修改节点（replaceChild、innerHTML/innerText）；增加类名（className、classList.add）。
4.
事件相关：常用事件如click、load等，事件目标指产生事件的对象，处理程序即响应事件的函数，可通过HTML绑定、DOM绑定或事件监听（addEventListener、removeEventListener）处理事件，还涉及事件对象及冒泡捕获、事件委托等概念。
5.
BOM基本对象：包括document、event、history、location、screen、navigator，window对象有弹窗输入、confirm等常用方法，各对象有其对应属性和功能。
6.
浏览器宽高尺寸：涉及窗口位置、大小、滚动距离，以及与client、offset相关的宽高获取方法。
7.
作业布置：作业一是实现备忘录的增删查改功能；作业二是实现特定页面交互及进阶的表情显示与发送表情包功能 。
开篇语：语雀的表情太好玩了👺😎✌️🐞🚪
一个完整的 JavaScript 实现应该由下列三个不同的部分组成 ：
•
ECMAScript 核心：为不同的宿主环境提供核心的脚本能力；
•
DOM（文档对象模型）：规定了访问HTML 和XML 的应用程序接口；
•
BOM（浏览器对象模型）：提供了独立于内容而在浏览器窗口之间进行交互的对象和方法。
😻DOM
😶概述
DOM,全称Document Object Model文档对象模型
js中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲操作我们的网页
😧节点
节点Node,是构成我们网页的最基本的组成部分。网页中的每一个部分都可以称为是一个节点
在DOM中，一个又一个的节点构成了整个文档
DOM的节点分为很多类型，我们目前主要需要掌握的有四种：文档节点，元素节点，文本节点和属性节点。