JS高级学习笔记（10） 之 js 时怎么解析HTML标签的

DOM 节点类型

浏览器渲染过程

浏览器是怎么把HTML标签语言和JavaScript联系在一起的，这就是我们常说的DOM。

浏览器中的DOM解析器把HTML翻译成对象（object），然后JavaScript通过操作生成的 object 来操作HTML，因为HTML标签是多层嵌套的，所以JavaScript将HTML解析成了DOM树。

在HTML中，整个文档可以分为不同节点：
整个文档是一个节点；
每个HTML标签是元素节点
HTML元素内的文本是文本节点
每个HTML的属性节点
注释节点
······

我们就能理解 HTML 的一个标签 是 JS 中的一个节点, 且 标签的属性、内容、注释属于这个标签, 也就是JS中该标签节点的子节点。