JavaScript学习笔记——DOM简介

节点

节点（Node）：

构成 HTML 网页的最基本单元。网页中的每一个部分都可以称为是一个节点，比如：html标签、属性、文本、注释、整个文档等都是一个节点

常见节点可以分为四类：

• 文档节点（文档）：整个 HTML 文档。整个 HTML 文档就是一个文档节点
• 元素节点（标签）：HTML标签
• 属性节点（属性）：元素的属性
• 文本节点（文本）：HTML标签中的文本内容（包括标签之间的空格、换行）

节点的类型不同，属性和方法也都不尽相同。但所有的节点都是Object

DOM

Document Object Model，文档对象模型。

DOM 为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。

DOM就是由节点组成的

解析过程

HTML加载完毕，渲染引擎会在内存中把HTML文档，生成一个DOM树，getElementById是获取内中DOM上的元素节点。然后操作的时候修改的是该元素的属性

DOM树

在HTML中，一切都是节点
整个HTMl文档就是一个文档节点，所有节点都是Object

DOM可以做什么

• 找对象（元素节点）
• 设置元素的属性值
• 设置元素的样式
• 动态创建和删除元素
• 事件的触发响应：事件源、事件、事件的驱动程序