Question

如何理解前端中的DOM，BOM

Answer 1

DOM 全称是 Document Object Model，也就是文档对象模型。
个人理解，DOM包含三层意思：1.DOM是一个操作HTML的API接口 2.DOM是一个HTML结构模型 3.DOM代指该HTML模型中的对象
1.DOM是一个操作HTML的API接口
HTML本身是静态的，是不变的，每个标签的内容以及属性都是死的。

如果要让网页动起来，就要完成两步：第一步是思维上的转变（网页是可以动起来的），第二部是操作上的突破（如何动起来）
DOM完成了上述两步，它首先在板结的HTML上找到突破口，定义了一些可以改变的东西，之后又针对这些突破口设计了一系列API，让人们能通过这些API来操作这些元素。
2.DOM是一个HTML结构模型

在DOM出现之前，我想HTML文件对于很多人只不过是一段遵循特殊规则的文本，而DOM却给它建立了一个结构模型，使它立体了起来。
3.DOM代指该HTML模型中的对象

一句话概括，DOM就是上图中的那些节点。
那么，BOM又是什么？
BOM 是 Browser Object Model，浏览器对象模型。
简单地说，BOM和DOM一样，只不过DOM操作的是HTML中的元素，BOM是浏览器的API、操作的是浏览器（即控制浏览器的行为）