说说JavaScript与DOM之间的关系
dom（文档对象模型）是JavaScript的一个组成部分，它为JavaScript提供处理网页内容的方法和接口；JavaScript对网页进行的所有操作都是通过DOM进行的。
完整的 JavaScript 是由以下三个部分组成：
-
核心（ECMAScript）：提供语言的语法和基本对象；
-
文档对象模型（DOM）：提供处理网页内容的方法和接口；
-
浏览器对象模型（BOM）：提供与浏览器进行交互的方法和接口。
文档对象模型（DOM）
DOM（文档对象模型）是 HTML 和 XML 的应用程序接口（API）。DOM 将把整个页面规划成由节点层级构成的文档。HTML 或 XML 页面的每个部分都是一个节点的衍生物。
DOM 通过创建树来表示文档，从而使开发者对文档的内容和结构具有空前的控制力。用 DOM API 可以轻松地删除、添加和替换节点（getElementById、childNodes、appendChild、 innerHTML）。
DOM和JavaScript的关系
我们都知道JavaScript是一种编程语言，而.js文件是用JavaScript编写的代码，那么DOM在其中担任什么样的角色呢？
DOM不是一种编程语言，但如果没有DOM，JavaScript语言不会有任何网页操作。我们用JavaScript对网页进行的所有操作都是通过DOM进行的。
下面用一段代码更直观地显示JavaScript和DOM的区别，代码中被标为红色的部分就是DOM：
var Tags = document.getElementsByTagName("a");
for (var i = 0; i < Tags.length; i++) {
alert("Href of this a element is :" + Tags[i].href + "\n");
}
这样一来，哪些是核心JavaScript，哪些是DOM，各自起什么作用就可以一目了然。（此处不在对代码进行解释）。
因此，有这样一个近似的等式：
web或XML页面 = DOM +JS(脚本语言)
◼️ 小 结
js 即 JavaScript ，是一种网页脚本语言，可以在网页上实现一些动态效果。
DOM是Document Object Model的缩写，是文档对象模型的意思，是个模型，可以方便用javascript代码去操作；DOM这个模型具体说，就是把每个HTML文档都看作是由很多个对象组成树形结构，树根是document对象。
简单来说，DOM 是HTML文档结构，其实就是为了能让js操作html元素而制定的一个规范，dom 的根本就是 document 对象，改对象有很多属性和方法，例如创建节点、复制节点、移除节点、修改属性等。
◼️ 参考资料
DOM教程专栏 - DOM基础知识全解析
DOM 简介 | 深入了解DOM
JS和DOM之间的关系?_js和dom的关系
JS的DOM对象(JS的Document对象)----什么是DOM对象?
